min-height
В спецификации CSS предусмотрены правила min-width/min-height и max-width/max-height. К сожалению, Internet Explorer поддерживает эти правила только начиная с седьмой версии. Однако, это ограничение можно обойти.
Entries Tagged as 'css'
Семантическая верстка — советы и решения. Часть VIII. Минимальные и максимальные размеры
August 26th, 2008 · 6 Comments · Веб-разработка, Рецептарий
Семантическая верстка — советы и решения. Часть VI. Запрет на обтекание float’ов
August 26th, 2008 · 9 Comments · Веб-разработка, Рецептарий
На данном примере мы рассмотрим, как реализовать запрет на обтекание определенного элемента, к которому применено правило float. Нашей задачей является создание анонса новости.
Семантическая верстка — советы и решения. Часть V. Навигация по сайту или укрощение списков
February 8th, 2008 · 18 Comments · Веб-разработка, Рецептарий
Навигация — это то, с чего начинается любой сайт, ведь без нее пользователь просто не сможет им пользоваться. Не удивительно, что мы заострим на ее организации свое внимание.
Представим себе кусочек макета, присланного нам дизайнером. На нем изображено главное меню будущего сайта:
Пункт меню «Обратная связь» показывает поведение при наведении мышкой.
Tags:css·float·веб-стандарты
Семантическая верстка — советы и решения. Часть IV. Создание «резиновых» макетов с использованием отрицательных полей
February 1st, 2008 · 18 Comments · Веб-разработка, Рецептарий
Отрицательные поля, пожалуй, самый мощный инструмент для семантической верстки сложных макетов. Овладеть этой техникой просто необходимо, потому как благодаря ей вы во многих случаях сможете отказаться от таблиц для разметки макета.
Разберем использование отрицательных полей на примере. Мы сверстаем трехколоночный макет с двумя фиксированными боковыми колонками, тянущейся центральной, шапкой и подвалом.
Семантическая верстка — советы и решения. Часть третья. Блочная модель
December 22nd, 2007 · 14 Comments · Веб-разработка, Рецептарий
Блочная модель
Одна из ключевых особенностей cемантической валидной верстки — использование правильной блочной модели. Рассмотрим на примере, как она работает.
Семантическая верстка — советы и решения. Часть вторая. Хаки-шмаки, даём люлей IE
December 7th, 2007 · 13 Comments · Веб-разработка, Рецептарий
CSS-хаки
Альтернатива синице
Укрощаем Internet Explorer или «магические правила»
CSS-хаки
При использовании семантической верстки каждый разработчик обязательно столкнется с проблемами кроссбраузерности, для решения которых в большинстве случаев приходится использовать так называемые «хаки». Обычно под этим термином подразумевается особый способ написания селекторов или правил, понимаемый только конкретным браузером. Однако совместимость с CSS в большинстве браузеров уже достигла уровня, при котором [...]
Tags:css·веб-стандарты·рецепты
Семантическая верстка — советы и решения. Часть первая. Капля теории, DTD и ластики
November 29th, 2007 · 14 Comments · Веб-разработка, Рецептарий
Сегодня я начинаю публиковать по частям статью, написанную для русского издания PC Magazine, в которой рассказывается о приёмах семантической вёрстки. Первая часть: немного теории, DTD и ластики. Уровень — начинающие.
Вместо вступления
В последнее время все чаще требованием при разработке сайта становится бестабличная или «дивная» верстка. Оба термина стали чрезвычайно популярны, несмотря на то, что они в [...]
Tags:css·веб-стандарты·рецепты
Инлайновый хак для IE
September 5th, 2007 · 15 Comments · Веб-разработка
Если у вас вдруг нет conditional comments, то наиболее удачным, имхо, можно считать данный хак:
#target {
overflow:hidden;
*overflow:visible; /* IE 5-7 */
}
Видео выступления на РИТ-2007
August 2nd, 2007 · 12 Comments · Веб-разработка
Ужасайтесь.
Tags:css·веб-стандарты·выступления