Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

цвет и размер <hr>

10K
31 августа 2006 года
Dennn
46 / / 23.08.2006
<style>
.hr1 {color:#FFBA00; size:5;}
</style>
..........
<hr class=hr1>
..................
Почему-то цвет применяется только в Эксплорер а в Фоксе нет, а размер нитам, нитам. Как задать эти атрибуты и для Эксплорера и для Фокса?
832
31 августа 2006 года
Carpus
390 / / 14.04.2005
Проще делать div соответствующего цвета и высоты:

.hr {color:#FFBA00; width: 100%; height: 5px; marigh: 0; padding: 0;}
<div class="hr"></div>
308
31 августа 2006 года
Комаджу
850 / / 26.07.2006
Согласен. HR скорее всего отомрет.
Тем более, что в плане CSS он не развит совершенно.
8.4K
13 сентября 2006 года
assume
74 / / 22.02.2006
 
Код:
.hr1
   {
   /* color:#FFBA00; size:5; */
      height:5px;
      border-width:5px 0 0;
      border-color: #FFBA00;

      border-style:solid;
   /* пример: */
      margin:0 auto; width:50%; }

..........
 
Код:
<hr class="hr1" title=":)"/>
308
13 сентября 2006 года
Комаджу
850 / / 26.07.2006
Ну, да. Особенно все здорово выглядит с этой надписью:

The border properties specify the width, color, and style of the border area of a box. These properties apply to all elements.
8.4K
13 сентября 2006 года
assume
74 / / 22.02.2006
[QUOTE=Комаджу]Ну, да. Особенно все здорово выглядит с этой надписью:

The border properties specify the width, color, and style of the border area of a box. These properties apply to all elements.[/QUOTE]
No error or warning found

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.

 
Код:
.hr1 {
height : 5px;
border-width : 5px 0 0;
border-color : #ffba00;
border-style : solid;
margin : 0 auto;
width : 50%;

display : block;
}
308
13 сентября 2006 года
Комаджу
850 / / 26.07.2006
Естественно. Синтаксис правильный. Ошибок нет.
Только HR это не бокс, по идее. И в спецификации не упомянут.
8.4K
13 сентября 2006 года
assume
74 / / 22.02.2006
[QUOTE=Комаджу]Естественно. Синтаксис правильный. Ошибок нет.
Только HR это не бокс, по идее. И в спецификации не упомянут.[/QUOTE]

А div.table { display:table; } тоже в спецификации не упомянут? div вроде блок, а тут раз и таблица... %)
308
13 сентября 2006 года
Комаджу
850 / / 26.07.2006
http://www.w3.org/TR/CSS21/visuren.html#propdef-display

Так ничего и не говорится о том, что это значение нельзя к DIV'у применить.
These values cause an element to behave like a table element

А там четко говорится, что border применим к box'ам.
8.4K
13 сентября 2006 года
assume
74 / / 22.02.2006
[QUOTE=Комаджу]http://www.w3.org/TR/CSS21/visuren.html#propdef-display

Так ничего и не говорится о том, что это значение нельзя к DIV'у применить.
These values cause an element to behave like a table element

А там четко говорится, что border применим к box'ам.[/QUOTE]

Ага, не говорится... А знаешь чем отличается HTML от XHTML / XML? тем что на примере тэга hr, который в HTML понятии означает полосочку переводящую строку как будто тэг br. А в понятии XHTML / XML, тэг hr означает пустой тег, который и не блок и не строка и вообще ничто в визуальном режиме пока для него не напишут на css2-1 что нибудь этакое, превращающее его во что-то такое.

И вообще там четко написанно:

'display'
Value: inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit
Initial: inline
Applies to: all elements
Inherited: no
Percentages: N/A
Media: all
Computed value: see text

Applies to: all elements, а если так, то hr в числе всех тоже может стать box`ом.

Хотя если сделать вот так:
 
Код:
hr {
   display:inline;
   border:1px red solid;

}

То никаго эффекта не будет, разве что мы увидим точку разукрашенную красным цветом или не увидим ничего?... :))
15
13 сентября 2006 года
shaelf
2.7K / / 04.05.2005
А с чем гам то связан?))) hr должен вымереть, т.к. это элемент оформления, а не разметки.
>>А в понятии XHTML / XML, тэг hr означает пустой тег, который и не блок и не строка и вообще ничто в визуальном режиме пока для него не напишут на css2-1 что нибудь этакое, превращающее его во что-то такое.
HR как раз тэг оформления и он имеет прямое отношение к визуальному режиму.
Может есть конечно и исключения (которые я не встречал), но как правило border-bottom:1px solid #000; срабатывал хорошо.))
308
14 сентября 2006 года
Комаджу
850 / / 26.07.2006
[QUOTE=shaelf]А с чем гам то связан?))) [/QUOTE]

Да я так, пофлудить ) А то как-то на днях задал пару вопросов, поковырялся, сам себе ответил, собеседника поблагодарил. Скучно, знаете ли...
8.4K
15 сентября 2006 года
assume
74 / / 22.02.2006
[QUOTE=Комаджу]Да я так, пофлудить ) А то как-то на днях задал пару вопросов, поковырялся, сам себе ответил, собеседника поблагодарил. Скучно, знаете ли...[/QUOTE]
Хорошо, тогда в следующий раз пофлудить мне вовсе не захочется. Для этого есть другие места и темы связанные конкретно с флудом, который в свою очередь приносит пользу флудеру в выяснении конкретного вопроса, приобретенного, вдруг, во время обьяснения темы связанного с поставленным вопросом. Хотя, с другой стороны, флуд приносит много тем и мало текста. Вот например, флудер пытается сжать высказывание в более короткое предложение, которое вызывает некоторое рассуждения об этом высказвании, другими. Поэтому флуд не обязательно должен быть выставлен собой как будто "-я не понимаю, а ЧТО это?!", "-Да?! А почему???" это выражение, говорит либо о том, что проявлен интерес к данной теме, либо интереса вовсе не проявленно, а лишь одно разочарование в том, что учат как будто ребенка математики. И писать отмазу в виде флуд, вовсе не идет тем, кто не знает что такое есть на самом деле флуд. Конечно, флуд - красивое и распространенное слово - все поймут о чем это. Но оно не очень идет, повторсь, тем кто не умеет этим пользоватся.

И в заключении: большая благодарность тем кто уделил внимание рассказу о том.
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог