Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > тег hr атрибут color


Автор: Veve 23.9.2007, 21:50
Код

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


Задача: Нужно сделать линию белого цвета:

Вариант1: 
Код

            <hr size="10" noshade="noshade" color="white"/>


Данный вариант работает. Однако атрибут color не поддерживается в html4 и на него будет ругаться "Валидатор" (http://validator.w3.org/). Поэтому данный вариант не подходит.

Вариант2: 
Код

<style type="text/css">
           hr.cl {color:white}
 </style>

Код

        <hr  size="10" noshade="noshade" class="cl"/>


Данный вариант проходит проверку "Валидатора". Работает в IE7. Однако в FireFox линия цвет не меняет.

Подскажите, пожайлуста, вариант 3  smile. Который будет не содержать недостатки вышеописанных вариантов. 

Автор: kizune 24.9.2007, 09:29
Сделать gif 1*1 белого цвета и например так:
Код

<div style="height:1px; width:300px; color:White;">
    <img src="1.gif" width="300px" height="1px" />
 </div>

Автор: SelenIT 24.9.2007, 09:58
А почему бы не сделать эту границу нижним border-ом вышележащего блока, не привлекая никаких дополнительных тегов?

Автор: Veve 24.9.2007, 12:03
А если мне нужно использовать 100% для этих целей тег <hr>, я понимаю что для этих целей можно использовать кучу вариантов... 

Автор: kizune 24.9.2007, 13:16
Код

<hr size="10" noshade="noshade" class="cl"  style="color:White; background-color:White; border:none; height:3px;"/>

Автор: Veve 24.9.2007, 13:35
спасибо всем! Последний вариант работает...  smile  Правда гемморойно вышло, но ничего... 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)