VPF::тег hr атрибут color - Форум программистов

Veve

Дата 23.9.2007, 21:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 291
Регистрация: 1.1.2005
Где: Латвия, Рига

Репутация: 1
Всего: 13

Код


<!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

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

Это сообщение отредактировал(а) Veve - 23.9.2007, 21:52

kizune

Дата 24.9.2007, 09:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: 9
Всего: 9

Сделать 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 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Veve

Дата 24.9.2007, 12:03 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 291
Регистрация: 1.1.2005
Где: Латвия, Рига

Репутация: 1
Всего: 13

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

kizune

Дата 24.9.2007, 13:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 10.7.2007

Репутация: 9
Всего: 9

Код


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

Veve

Дата 24.9.2007, 13:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 291
Регистрация: 1.1.2005
Где: Латвия, Рига

Репутация: 1
Всего: 13

спасибо всем! Последний вариант работает... smile

Правда гемморойно вышло, но ничего...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »