Какое-то древнее дерьмо

Живёт тупо потому, что за хостинг уплачено на годы вперед

Записи в разделе 'веб-стандарты'

Семантическая верстка — советы и решения. Часть VI. Запрет на обтекание float’ов

26 августа 2008 · HTML/CSS, Рецептарий

На данном примере мы рассмотрим, как реализовать запрет на обтекание определенного элемента, к которому применено правило float. Нашей задачей является создание анонса новости. Читать дальше →

Семантическая верстка — советы и решения. Часть V. Навигация по сайту или укрощение списков

8 февраля 2008 · HTML/CSS, Рецептарий

Навигация — это то, с чего начинается любой сайт, ведь без нее пользователь просто не сможет им пользоваться. Не удивительно, что мы заострим на ее организации свое внимание.

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

Иллюстрация 1

Пункт меню «Обратная связь» показывает поведение при наведении мышкой. Читать дальше →

Семантическая верстка — советы и решения. Часть IV. Создание «резиновых» макетов с использованием отрицательных полей

1 февраля 2008 · HTML/CSS, Рецептарий

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

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

Семантическая верстка — советы и решения. Часть третья. Блочная модель

22 декабря 2007 · HTML/CSS, Рецептарий

Блочная модель

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

Семантическая верстка — советы и решения. Часть вторая. Хаки-шмаки, даём люлей IE

7 декабря 2007 · HTML/CSS, Рецептарий

CSS-хаки

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

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