Убираем тег 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;


}



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

:D:lol::-);-)8):-|:-*:oops::sad::cry::o:-?:-x:eek::zzz:P:roll::sigh:


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