min-height
В спецификации CSS предусмотрены правила min-width/min-height и max-width/max-height. К сожалению, Internet Explorer поддерживает эти правила только начиная с седьмой версии. Однако, это ограничение можно обойти.
Entries Tagged as 'Веб-разработка'
Семантическая верстка — советы и решения. Часть VIII. Минимальные и максимальные размеры
August 26th, 2008 · 6 Comments · Веб-разработка, Рецептарий
Семантическая верстка — советы и решения. Часть VI. Запрет на обтекание float’ов
August 26th, 2008 · 9 Comments · Веб-разработка, Рецептарий
На данном примере мы рассмотрим, как реализовать запрет на обтекание определенного элемента, к которому применено правило float. Нашей задачей является создание анонса новости.
5 инструментов
February 29th, 2008 · 28 Comments · Ubuntu, Веб-разработка, Разное
Принимаю эстафету у Ивана Сагалаева.
Пять инструментов, чаще всего используемых в работе. Скриншоты правда с домашней машины.
Семантическая верстка — советы и решения. Часть V. Навигация по сайту или укрощение списков
February 8th, 2008 · 18 Comments · Веб-разработка, Рецептарий
Навигация — это то, с чего начинается любой сайт, ведь без нее пользователь просто не сможет им пользоваться. Не удивительно, что мы заострим на ее организации свое внимание.
Представим себе кусочек макета, присланного нам дизайнером. На нем изображено главное меню будущего сайта:
Пункт меню «Обратная связь» показывает поведение при наведении мышкой.
Tags:css·float·веб-стандарты
Семантическая верстка — советы и решения. Часть IV. Создание «резиновых» макетов с использованием отрицательных полей
February 1st, 2008 · 18 Comments · Веб-разработка, Рецептарий
Отрицательные поля, пожалуй, самый мощный инструмент для семантической верстки сложных макетов. Овладеть этой техникой просто необходимо, потому как благодаря ей вы во многих случаях сможете отказаться от таблиц для разметки макета.
Разберем использование отрицательных полей на примере. Мы сверстаем трехколоночный макет с двумя фиксированными боковыми колонками, тянущейся центральной, шапкой и подвалом.
Семантическая верстка — советы и решения. Часть третья. Блочная модель
December 22nd, 2007 · 14 Comments · Веб-разработка, Рецептарий
Блочная модель
Одна из ключевых особенностей cемантической валидной верстки — использование правильной блочной модели. Рассмотрим на примере, как она работает.
Генерация URL’ов в XSLT 1.0
December 13th, 2007 · 7 Comments · Веб-разработка, Рецептарий
В первой версии XSLT самой слабой, пожалуй, остаётся работа со строками.
Наиболее часто проблемы из-за этого возникают с генерацией URL’ов. Допустим, мы имеем страницу с адресом:
http://example.com/index.xml?section=catalog&cat-id=10&item-id=1404&item-unique-key=809124
Нам нужно, скажем, сгенерировать три ссылки: на главную страницу категории (cat-id), главную страницу (section) и независимую от категории страницу итема (item-id, item-unique-key).
Способов много, я по-началу даже использовал substring, но потом [...]
Семантическая верстка — советы и решения. Часть вторая. Хаки-шмаки, даём люлей IE
December 7th, 2007 · 13 Comments · Веб-разработка, Рецептарий
CSS-хаки
Альтернатива синице
Укрощаем Internet Explorer или «магические правила»
CSS-хаки
При использовании семантической верстки каждый разработчик обязательно столкнется с проблемами кроссбраузерности, для решения которых в большинстве случаев приходится использовать так называемые «хаки». Обычно под этим термином подразумевается особый способ написания селекторов или правил, понимаемый только конкретным браузером. Однако совместимость с CSS в большинстве браузеров уже достигла уровня, при котором [...]
Tags:css·веб-стандарты·рецепты
Семантическая верстка — советы и решения. Часть первая. Капля теории, DTD и ластики
November 29th, 2007 · 14 Comments · Веб-разработка, Рецептарий
Сегодня я начинаю публиковать по частям статью, написанную для русского издания PC Magazine, в которой рассказывается о приёмах семантической вёрстки. Первая часть: немного теории, DTD и ластики. Уровень — начинающие.
Вместо вступления
В последнее время все чаще требованием при разработке сайта становится бестабличная или «дивная» верстка. Оба термина стали чрезвычайно популярны, несмотря на то, что они в [...]
Tags:css·веб-стандарты·рецепты