Честно скажу, я очень завидую веб-разработчикам недалёкого будущего, которые будут верстать сайты для новых, современных браузеров с полной поддержкой HTML5 и CSS3. Какой красивый и компактный код можно будет писать, сколько возможностей будет у веб-дизайнеров! И как ограничены сегодняшние возможности верстальщика…
Читать полностью »

Думаю, что для многих web-дизайнеров уже не составляет труда сверстать страницу, где «подвал» будет прижат к её нижней границе. Вот метод который использую я, подсмотренный уже не помню где.
Читать полностью »

Сегодня коллега, обратившись ко мне с просьбой помочь, невольно напомнил ещё об одном «закидоне» MS IE. Суть проблемы: по замыслу дизайнера ссылка должна быть того же цвета, что и цвет текста родительского элемента. Обычно это решается просто:
Читать полностью »

Недавно я писал о стилизации колонок таблицы. Теперь поговорим немного на тему стилизации рядов, а конкретно о фоновых изображениях в них. Для того, чтобы чётко представлять проблему, которая у вас возникнет, рекомендую использовать фоновое изображение с горизонтальным градиентом.
Читать полностью »

Одним из тэгов, незаслуженно позабытым некоторыми web-дизайнерами, является тэг <COL>. Он задает ширину и некоторые другие атрибуты колонок таблицы. Интересная особенность: при наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Но интересен этот тэг не только этим. С помощью него можно значительно упростить визуальное оформление таблицы и сократить html-код.
Читать полностью »

Один из интересных багов в Internet Explorer связан с поведением абсолютно позиционируемых блоков. Как известно, для позиционируемых блоков можно задать свойство z-index, имитирующее поведение блока в третьем измерении. То есть по сути, вы можете «накрывать» один блок другим, как бы выстраивая из них «пирамиду» по Z-оси.
Читать полностью »

Посмотрел исходник сайта солидного зарубежного издательства Times и офигел маленько ))) Как вам такие имена классов: “margin-top-point9-em”, “padding-bottom-10″, “margin-right-18″, “x-small color-666″, “border-top-d9d9d9″, “link-666-no-underline”. Что за чудак верстал сайт? Я лично ни капли не жалею потраченного времени, которое у меня уходит на осмысленное именование классов и идентификаторов. Хотя порой и фантазии не хватает и познаний в английском, но тем не менее, стараюсь именовать class и id таким образом, чтобы имя отображало, ЧТО, а не ГДЕ или КАК. К примеру: “day-news”, “main-thems”, “list-header”… А как вы именуете классы и id?

Как вам известно, Internet Explorer 6 не умеет правильно отображать изображения формата png. Web-дизайнеры идут на различные ухищрения, чтобы это исправить. Для этого используется либо фильтр, любезно предоставленный самой компанией-производителем браузера, либо скрипты сторонних разработчиков. Но сейчас я не буду описывать эти методы и  давать оценку тому, какой метод предпочтительнее. В заметке я лишь напишу какие трудности и неожиданности могут вас подстерегать если вы используете формат png как фоновый рисунок. Читать полностью »

Один из неразрешённых мною багов IE6.

Суть такова: в ссылку вложен span с заданной ему высотой, естественно для этого в стилях ему указано блочное поведение. Сам span служит контейнером для изображения img. В такой простой, казалось бы, схеме ссылка перестаёт работать в IE6. И не просто курсор не принимает нужный вид, что исправляется легко (cursor:pointer), но при клике на картинку не происходит переход по ссылке. Несмотря на то, что при наведении курсора на ссылку её адрес виден в строке состояния.
Читать полностью »