Клепал тут меню для сайта на CSS. но т.к. в нем применяется псевдо-класс :hover, то нарисовалась маленькая проблема. дело в том, что в IE6 и ниже :hover поддерживается только для ссылок, но совершенно не работают с любыми другими элементами. А мне для меню необходимо было, чтоб :hover работал с рисунками.
Для себя я решил это нижеприведенным способом, может, кому пригодится также.
Существует так называемый whatever:hover способ, который дает возможность применять селектор :hover в IE6 и ниже. последняя версия 1.00.031224. примеры работы можно посмотреть там же, по ссылке выше. Читать дальше...
Css Дизайнер (designer)
Точное расположение объектов на странице относительно друг друга является, пожалуй, одной из самых сложных задач для веб-мастера. Написать HTML-код страницы так, чтобы все графические изображения и текстовые блоки были на своих местах не только на компьютере веб-мастера, но и у всех посетителей сайта, - настоящее искусство. Максимально крупный кегль, выставленный пользователем в своем браузере, может великолепное творение превратить в беспорядочное нагромождение теста и картинок. Читать дальше...
Css Дизайнер (designer)
Довольно часто применяю этот простой прием, но еще о нем не рассказывал. Суть - при наведении мыши на определнный текст появляется краткое пояснение или расширенная информация рядом с текстом. Вот пример (и пример для оперы - оговорка одна - тултипы не должны перекрывать другие “тултипные” ссылки). Читать дальше...
Css Дизайнер (designer)
На самом деле задать в параметрах именно анимационное подчеркивание не представляется возможным, зато в качестве фона ссылки вполне можно задать анимационную картинку:
Читать дальше...
Css Дизайнер (designer)
Время от времени меня спрашивают, как заставить работать следующий код в Opera 7.0, а также в Internet Explorer 6 и Mozilla, когда страница в режиме Standards compliance mode:
Читать дальше...
Css Дизайнер (designer)
С помощью стилей можно творить даже такие чудеса, как изменение цвета фона таблицы. Для этого необходимо написать небольшой обработчик соответствующего события, например, попадание курсора мышки в область таблицы: Читать дальше...
Css Дизайнер (designer)
Для того, чтобы подсветить ссылку при наведении на неё курсора мышки, необходимо задать такую таблицу стилей:
<style TYPE="text/css"> <!-- a:hover {color: red; mso-bidi-font-size:12pt} --> </style>
Читать дальше...
Css Дизайнер (designer)
Один из самых частых вопросов в процессе знакомства с новыми стандартами — в чем разница между атрибутами HTML-элементов “id” и “class”. Ведь эффект, вроде бы, одинаковый. Читать дальше...
Web Html Css Дизайнер (designer)
Русский интернет (уже наконец) вовсю осваивает “дизайн через CSS”, но многие все равно не понимают, почему именно надо дизайнить так, а не по-старому, через таблицы. Руководствуются, как часто бывает, тем, что это модно. А многие, в общем-то, и не спешат уходить от таблиц, не считая, что в них есть что-то плохое. Я собираюсь написать длинный цикл статей о веб-разработке новыми методами. Главная моя цель - структурировать на русском языке те знания, которых полно в разрозненном виде по всей сети. Читать дальше...
Web Css Дизайнер (designer)
Можно и так
<style type="text/css"><br />
<!--<br />
body {font-size: 9pt; font-family: arial, arial cyr, tahoma, ms sans serif;}<br />
body{<br />
background-color: ivory;<br />
scrollbar-arrow-color:lightyellow;<br />
scrollbar-3dlight-color:silver;<br />
scrollbar-highlight-color:white;<br />
scrollbar-face-color:sienna;<br />
scrollbar-shadow-color:#flflfl;<br />
scrollbar-darkshadow-color:#007898;<br />
scrollbar-track-color:#flflfl;<br />
scrollbar-base-color:#flflfl;<br />
}<br />
--></style>
Web Css Дизайнер (designer)
Ранее