Главная Что я могу сам

Стилизация тега HR для XHTML и HTML

Проблема валидности становиться актуально, если Вы решили добавить к тегу <HR> дополнительные атрибуты, для его стилизации под дизайн. Ведь если тег <HR> использовать как есть, то он может отображаться в различных браузерах по-разному, как правило объёмной линией. Вот собственно о чём речь:

Задание:

- Необходимо с помощью атрибутов к тегу <НR>сделать обычную линию толщиной в 3px, чёрного цвета (#000000)

Решение:

-Если у Вас тип верстаемой страницы HTML, то сделать нужно следущее:

Code
<hr style="background-color:#000000; border-width:0px; height:3px;">

Если вы используете стили в отдельном CSS файле, то для того чтобы линия не обтекала объекты, добавьте к тегу <HR> свойство clear: both, чтобы линия не обтекала объекты со свойством float:left или right.

-Если у Вас тип верстаемой страницы XHTML, то сделать нужно следущее:

Code
<hr noshade="noshade" style="background-color:#000000; height:3px; border-width:0px;"/>

Использование параметра noshade отменяет трехмерные эффекты, которые используются при рисовании линии по умолчанию. Для валидной вёрстрки под XHTML для атрибута noshade требуется аргумент "noshade"  и закрывающий слеш - /.  

Категория: Всё для создания сайта | Добавил: mogu (16.05.2011) | Автор: mogu
Просмотров: 4093 | Теги: HR, изменить hr, код линии, тег hr, атрибуты hr | Рейтинг: 0.0/0
Всего комментариев: 0
Комментарий:
Ваше имя *:
Ваш e-mail *:
Проверочный код *: