Убираем тег hr, заменяя его дивом

01.05.2009 13:10

Стандартный тег hr используется для смыслового разделения контента, но плохо вписывается в дизайн сайта. На сегодняшний день все браузеры по разному обрабатывают задание цвета hr через CSS, также он ставит margin который в разных браузерах имеет разное значение. Заменим его на такой код:

<div class="separator"> </div>

Для класса separator пишем такой css стиль:

.separator {

background:#0033CC;

border-top:1px solid #FFCC00;

font-size:1px;

height:1px;

overflow:hidden;

width:200px;

}

Чтобы все хорошо отображалось в ИЕ не забываем про:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Для создания разделителя высотой в 1px, пишем такой код:

.separator {

background:#0033CC;

font-size:1px;

height:1px;

overflow:hidden;

width:200px;


}

Комментарии 

 
# Андрей 10.05.2011 17:59
div для разделения использовать не хорошо, а вот hr укротить можно.
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий


Защитный код
Обновить