XHTML-вёрстка

Исследование высоты BODY

Небольшое исследование поведения элемента BODY в различных браузерах. Отступы от границ окна (margin, padding). Высота BODY и ее изменение в зависимости от высоты контента в Internet Explorer 6, Firefox 1.5, Opera 8.

Использование URL-значений для указания свойства cursor

Браузеры Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) поддерживают URL-значения для свойства cursor (CSS2 cursor property).
Это дает возможность использовать в качестве указателя мышки любое изображение, любой графический файл, который может показать Gecko. Как это выглядит? Насколько кроссбраузерно?

Пример формы без таблицы

Чаще всего форму заключают в таблицу. Получается громоздкая и не достаточно гибкая HTML-конструкция. Однако, довольно легко сделать красивую форму без таблиц, используя CSS.

Простые примеры шаблонов HTML+CSS

Всего одна простая HTML-разметка и много вариантов ее отображения на веб-странице. Просто добавь CSS!

Перемещение блоков по веб-странице.

С помощью DOM можно без особого труда перемещать целые фрагменты XHTML-документа и, таким образом, изменять порядок отображения элементов в окне браузера не зависимо от порядка загрузки веб-страницы.

Как прижать footer к низу окна браузера с помощью CSS?

В CSS верстке есть пара способов прижать footer к низу окна браузера, если контента на странице не очень много.

Основные css свойства с примерами

Все на одной странице: правила написания каскадных таблиц стилей (CSS); каскадность CSS; единицы измерения; свойства текста; свойства цвета и фона; свойства блока; списки; позиционирование; псевдоклассы и псевдоэлементы…

XHTML+CSS+DOM слайд-шоу

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

max-width в Internet Explorer

Как известно, IE6(и более ранние версии) не очень дружит с современными стандартами. О многих свойствах CSS2 этот браузер и не догадывается.

XHTML1.0 Strict, Flash и веб-стандарты

Маленький пример, как добавить Flash-ролик(.swf) на страницу, не покидая рамки стандартов W3C. Этот код успешно проходит валидацию и соответствует современным веб-стандартам. Его можно спокойно использовать на страницах XHTML1.0 Strict или XHTML1.1.

Вертикальное центрирование блока средствами CSS

В статье "Горизонтальное центрирование блока средствами CSS" мы рассмотрели несколько способов центрирования блока по горизонтали. Иногда бывает нужно отцентрировать блок еще и по вертикали, например flash-заставка на главной странице сайта или даже весь сайт в прямоугольнике фиксированного размера, размещенный всегда в центре окна браузера.

Открываем ссылку в новом окне, не используя атрибут target в коде страницы

Рекомендации W3C для HTML 4.01 Strict и XHTML 1.0 Strict более не включают атрибут target для тега <a>. Переходные (Transitional) версии спецификаций допускают его применение, но стандарты для того и разработаны, чтобы ими пользоваться. Поэтому далее рассмотрим, как все-таки открывать ссылки в новом окне, не используя при этом устаревший атрибут target в (X)HTML-коде документа.

CSS — правила хорошего тона

CSS — лучшее, что можно придумать для управления внешним видом веб-страницы. При правильном его использовании, можно в считанные секунды изменить изображение тысяч страниц на сайте. При неправильном же использовании CSS — его применение остается на уровне использования тега <font> в HTML-коде. Разница между правильным и неправильным применением CSS огромна. CSS отделяет дизайн от контента: чем меньше внешний вид привязан к коду страницы — тем легче им управлять или изменить его.

Каскадность таблиц стилей

Иногда может возникнуть конфликт правил CSS, который непременно отразится на отображении документа. Разрешить этот конфликт можно зная о том, что каждое стилевое правило имеет свой вес.

Горизонтальное центрирование блока средствами CSS

Приведем несколько примеров горизонтального центрирования блока на странице. C помощью "margin:0 auto;" и с помощью отрицательных значений margin.




14 queries 0.252 seconds.