Jump to Navigation

css

Условные комментарии в CSS и HTML

Условные комментарии работают только в Explorer под Windows

Если верить условным комментариям это - Internet Explorer

Если верить условным комментариям это - Internet Explorer 5

Если верить условным комментариям это - Internet Explorer 5.0

Если верить условным комментариям это - Internet Explorer 5.5

Если верить условным комментариям это - Internet Explorer 6

Если верить условным комментариям это - Internet Explorer 7

Если верить условным комментариям это - Internet Explorer 5 и выше

max-width, min-width, max-height, min-height в Internet Explorer

Для эмуляции max-width в IE воспользуемся не очень распространенным свойством expression().

width:expression(document.body.clientWidth > 400? "400px": "auto" );

Таким же образом можно эмулировать работу в IE свойства min-width:


width:expression((document.documentElement.clientWidth
|| document.body.clientWidth) < 400? "400px":
"auto");

Для свойства max-height можно сделать так:

Меню разделённое чёрточками при помощи css


ul.links li {
border-left: 1px solid;
padding-left:8px;
}
ul.links li.first {
border: none;
}

Лёгкое выпадающее меню на CSS и JavaScript(ie fix)

Для того, чтобы меню нормально работало в ie запишем это в своём шаблоне (page.tpl.php):

/menu.js">

Допустим меню у нас будет выводится в заголовке. Такой код у нас будет выводить меню, соответственно пишем там где должно быть меню:

<?php print $header ?>

Далее в файл css темы добавляем:


#nav h2.title {
display: none;
}

Подписаться на RSS - css


Main menu 2

by Dr. Radut.