В спецификации CSS предусмотрены правила min-width/min-height и max-width/max-height. К сожалению, Internet Explorer поддерживает эти правила только начиная с седьмой версии. Однако, это ограничение можно обойти. (more…)

Представим себе кусочек макета, присланного нам дизайнером. На нем изображено главное меню будущего сайта:

Пункт меню «Обратная связь» показывает поведение при наведении мышкой. (more…)

Разберем использование отрицательных полей на примере. Мы сверстаем трехколоночный макет с двумя фиксированными боковыми колонками, тянущейся центральной, шапкой и подвалом.
(more…)

Одна из ключевых особенностей cемантической валидной верстки — использование правильной блочной модели. Рассмотрим на примере, как она работает.
(more…)

CSS-хаки

При использовании семантической верстки каждый разработчик обязательно столкнется с проблемами кроссбраузерности, для решения которых в большинстве случаев приходится использовать так называемые «хаки». Обычно под этим термином подразумевается особый способ написания селекторов или правил, понимаемый только конкретным браузером. Однако совместимость с CSS в большинстве браузеров уже достигла уровня, при котором следует ограничивать использование «хаков».

Как правило, основным источником неприятностей бывает Internet Explorer. Многообразие ошибок в реализации CSS в браузерах Microsoft удивляет даже самых опытных верстальщиков. В связи с этим возникают ситуации, когда необходимо использовать дополнительные или альтернативные правила для IE. Именно в таких случаях рекомендуется применять «хаки». Если же вам вдруг понадобились альтернативные правила, скажем, только для Firefox, то рекомендуется пересмотреть ваш код, и в 99% случаев вы найдете более элегантное решение.
(more…)

Вместо вступления

В последнее время все чаще требованием при разработке сайта становится бестабличная или «дивная» верстка. Оба термина стали чрезвычайно популярны, несмотря на то, что они в корне неверны.

Изначально, таблицы были выбраны дизайнерами и разработчиками для верстки по одной единственной причине — не существовало других средств реализации хоть сколько-нибудь сложных макетов. Со временем таблицы стали нормой и остаются ею до сих пор. Но мы уже не в девяностых и браузеры, которые значатся в наших технических заданиях, способны интерпретировать CSS на том уровне, который необходим для более корректной, структурированной и современной верстки.
(more…)

• Вадим Макеев (он же pepelsbey, автор блога pepelsbey.net, автор доклада «CSS-менеджмент» на РИТ-2007, участник WSG-Russia)
• Алексей Рыбаков (типа я и всё такое, автор доклада «Тестирование верстки» на РИТ-2007, участник WSG-Russia)

Семинар условно будет разделён на четыре темы:

• Ищем смысл: разделение содержимого документа от его представления
• Обзор всех аспектов семантики кода и документа: структура, именование элементов, микроформаты
• Преимущества кода, страниц и сайтов, созданных с учётом семантики
• Начните сегодня: примеры трансформации «супа из тегов» в стройный, понятный и семантически верный код

Начало семинара в 10 утра, предположительное завершение — в 6 вечера, после каждой из четырёх логических частей предусмотрен перерыв, в том числе большой обеденный с бесплатным обедом.

Стоимость семинара составляет 5900 рублей при регистрации и оплате до начала семинара (принимаются Яндекс-Деньги, WebMoney, безналичная оплата) или 7000 рублей при оплате непосредственно в день семинара (принимаются наличные).

И это… пунш и пирог :)

Viva la resistance!