Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#23 used as offset, casting to integer (23) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#25 used as offset, casting to integer (25) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Цвет <hr> в Opera
ТвойWeb ТвойWeb
Качественный Европейский хостинг
 Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (1): [1] 

> Описание: hr {color: #A48E8E;} не работает
Поиск в теме | Версия для печати
Самоделкин
Отправлено: 20 Апреля, 2006 - 22:15:50
Post Id



Junior Member


Покинул форум
Сообщений всего: 59
Дата рег-ции: Нояб. 2005  

Карма 1
CODE:
hr {color: #A48E8E;}
не даёт никаких результатов в браузере Opera.
CODE:
<hr color="#A48E8E">
тоже.
(В IE работает и то, и другое).

Есть ли выход? (мелочь, а неприятно)
 
 Top
Ray Wen Администратор
Отправлено: 21 Апреля, 2006 - 01:47:33
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




 Самоделкин
CODE:
<hr style="border:1px solid #A48E8E">

Если HR шире чем 2 пикселя, то нужно еще добавить background...
 
 Top
23Rus
Отправлено: 21 Апреля, 2006 - 01:48:22
Post Id



Смотрящий


Покинул форум
Сообщений всего: 582
Дата рег-ции: Апр. 2005  
Откуда: Дивный

Карма 1




 Как задать стиль для hr? css
Internet Explorer и большая часть css-совместимых броузеров (например, на основе Gecko, Opera имеет одну странность, которую документировал Stefan M. Huber) работают с hr по-разному. Суть в том, что IE обрабатывает его как строчный элемент, а прочие - как блочный. Поэтому, для горизонтального разделителя красного цвета мы делаем:

Internet Explorer:
HR { color: #F00; }

Прочие CSS-совместимые броузеры: HR { background-color: #F00; }

Тоже самое верно и для выравнивания:

Internet Explorer:
HR { text-align: right; }

Прочие CSS-совместимые броузеры:
HR { margin-right: 0; }

Итак, достичь с помощью css того, что в html выглядит как

<hr align="right" width="30%" size="2" color="#000F00" noshade>

...вы можете следующим образом:

HR { text-align: right; width: 30%; height: 2px; color: #F00; border: none; } /* Для IE */

HTML>BODY HR { margin-right: 0; width: 30%; height: 2px; background-color: #F00; border: none; } /* Для броузеров на базе Gecko */

HTML>BODY HR { margin-right: 0; width: 30%; height: 2px; background-color: #F00; border: 0px solid #F00; } /* Для Оперы и броузеров на базе Gecko */

Для более подробной информации по этой теме читайте статью Marek Prokop "Styling <hr>".
 
 Top
23Rus
Отправлено: 21 Апреля, 2006 - 01:51:01
Post Id



Смотрящий


Покинул форум
Сообщений всего: 582
Дата рег-ции: Апр. 2005  
Откуда: Дивный

Карма 1




 Не успел - вот что значит диал-ап. )))
 
 Top
ETC Администратор
Отправлено: 21 Апреля, 2006 - 03:59:01
Post Id



Flash-coder


Покинул форум
Сообщений всего: 5275
Дата рег-ции: Дек. 2003  
Откуда: TimeZero

Карма 26




 А теги кто будет юзать?
 
 Top
23Rus
Отправлено: 21 Апреля, 2006 - 08:38:23
Post Id



Смотрящий


Покинул форум
Сообщений всего: 582
Дата рег-ции: Апр. 2005  
Откуда: Дивный

Карма 1




 А зачем? здесь идею смотреть не надо - чисто технические стороны. Тем более кода не так и много.
 
 Top
Самоделкин
Отправлено: 21 Апреля, 2006 - 21:08:59
Post Id



Junior Member


Покинул форум
Сообщений всего: 59
Дата рег-ции: Нояб. 2005  

Карма 1




 Спасибо!

Вот что в результате я сделал -
в файле.css:
CODE:
hr {
color: #A48E8E;
background-color: #A48E8E;
}


в тэгах <hr> -
  • для "супертонких":

CODE:
<hr size="1" noshade>

  • для обычных:

CODE:
<hr noshade>


Теперь всё работает.

А вообще неплохо бы на странице "HTML: уроки и хитрости" сделать какую-нибудь "барахолку", куда "сливать" наши подобные проблемы и их разрешение.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 3 (гостей: 3, зарегистрированных: 0, скрытых: 0)
« CSS »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®
[Script Execution time: 0.0295]     [ Gzipped ]



Notice: ob_end_flush(): failed to send buffer of ob_gzhandler (1) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/page_tail.php on line 33