CODE:
не даёт никаких результатов в браузере Opera. hr {color: #A48E8E;}
CODE:
тоже.<hr color="#A48E8E">
(В IE работает и то, и другое).
Есть ли выход? (мелочь, а неприятно)
1. Самоделкин - 20 Апреля, 2006 - 22:15:50 - перейти к сообщению
(В IE работает и то, и другое).
Есть ли выход? (мелочь, а неприятно)
2. Ray Wen - 21 Апреля, 2006 - 01:47:33 - перейти к сообщению
Самоделкин
Если HR шире чем 2 пикселя, то нужно еще добавить background...
CODE:
<hr style="border:1px solid #A48E8E">
Если HR шире чем 2 пикселя, то нужно еще добавить background...
3. 23Rus - 21 Апреля, 2006 - 01:48:22 - перейти к сообщению
Как задать стиль для 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>".
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>".
4. 23Rus - 21 Апреля, 2006 - 01:51:01 - перейти к сообщению
Не успел - вот что значит диал-ап. )))
5. ETC - 21 Апреля, 2006 - 03:59:01 - перейти к сообщению
А теги кто будет юзать?
6. 23Rus - 21 Апреля, 2006 - 08:38:23 - перейти к сообщению
А зачем? здесь идею смотреть не надо - чисто технические стороны. Тем более кода не так и много.
7. Самоделкин - 21 Апреля, 2006 - 21:08:59 - перейти к сообщению
Спасибо!
Вот что в результате я сделал -
в файле.css:
в тэгах <hr> -
Теперь всё работает.
А вообще неплохо бы на странице "HTML: уроки и хитрости" сделать какую-нибудь "барахолку", куда "сливать" наши подобные проблемы и их разрешение.
Вот что в результате я сделал -
в файле.css:
CODE:
hr {
color: #A48E8E;
background-color: #A48E8E;
}
color: #A48E8E;
background-color: #A48E8E;
}
в тэгах <hr> -
- для "супертонких":
CODE:
<hr size="1" noshade>
- для обычных:
CODE:
<hr noshade>
Теперь всё работает.
А вообще неплохо бы на странице "HTML: уроки и хитрости" сделать какую-нибудь "барахолку", куда "сливать" наши подобные проблемы и их разрешение.