.hr1
{
/* color:#FFBA00; size:5; */
height:5px;
border-width:5px 0 0;
border-color: #FFBA00;
border-style:solid;
/* пример: */
margin:0 auto; width:50%; }
цвет и размер <hr>
.hr1 {color:#FFBA00; size:5;}
</style>
..........
<hr class=hr1>
..................
Почему-то цвет применяется только в Эксплорер а в Фоксе нет, а размер нитам, нитам. Как задать эти атрибуты и для Эксплорера и для Фокса?
.hr {color:#FFBA00; width: 100%; height: 5px; marigh: 0; padding: 0;}
<div class="hr"></div>
Тем более, что в плане CSS он не развит совершенно.
Код:
..........
Код:
<hr class="hr1" title=":)"/>
The border properties specify the width, color, and style of the border area of a box. These properties apply to all elements.
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;
}
height : 5px;
border-width : 5px 0 0;
border-color : #ffba00;
border-style : solid;
margin : 0 auto;
width : 50%;
display : block;
}
Только HR это не бокс, по идее. И в спецификации не упомянут.
Только HR это не бокс, по идее. И в спецификации не упомянут.[/QUOTE]
А div.table { display:table; } тоже в спецификации не упомянут? div вроде блок, а тут раз и таблица... %)
http://www.w3.org/TR/CSS21/visuren.html#propdef-display
Так ничего и не говорится о том, что это значение нельзя к DIV'у применить.
These values cause an element to behave like a table element
А там четко говорится, что border применим к box'ам.
Так ничего и не говорится о том, что это значение нельзя к DIV'у применить.
These values cause an element to behave like a table element
А там четко говорится, что border применим к box'ам.
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`ом.
Хотя если сделать вот так:
То никаго эффекта не будет, разве что мы увидим точку разукрашенную красным цветом или не увидим ничего?... :))
[QUOTE=Комаджу]
Так ничего и не говорится о том, что это значение нельзя к 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;
}
display:inline;
border:1px red solid;
}
То никаго эффекта не будет, разве что мы увидим точку разукрашенную красным цветом или не увидим ничего?... :))
>>А в понятии XHTML / XML, тэг hr означает пустой тег, который и не блок и не строка и вообще ничто в визуальном режиме пока для него не напишут на css2-1 что нибудь этакое, превращающее его во что-то такое.
HR как раз тэг оформления и он имеет прямое отношение к визуальному режиму.
Может есть конечно и исключения (которые я не встречал), но как правило border-bottom:1px solid #000; срабатывал хорошо.))
Да я так, пофлудить ) А то как-то на днях задал пару вопросов, поковырялся, сам себе ответил, собеседника поблагодарил. Скучно, знаете ли...
Хорошо, тогда в следующий раз пофлудить мне вовсе не захочется. Для этого есть другие места и темы связанные конкретно с флудом, который в свою очередь приносит пользу флудеру в выяснении конкретного вопроса, приобретенного, вдруг, во время обьяснения темы связанного с поставленным вопросом. Хотя, с другой стороны, флуд приносит много тем и мало текста. Вот например, флудер пытается сжать высказывание в более короткое предложение, которое вызывает некоторое рассуждения об этом высказвании, другими. Поэтому флуд не обязательно должен быть выставлен собой как будто "-я не понимаю, а ЧТО это?!", "-Да?! А почему???" это выражение, говорит либо о том, что проявлен интерес к данной теме, либо интереса вовсе не проявленно, а лишь одно разочарование в том, что учат как будто ребенка математики. И писать отмазу в виде флуд, вовсе не идет тем, кто не знает что такое есть на самом деле флуд. Конечно, флуд - красивое и распространенное слово - все поймут о чем это. Но оно не очень идет, повторсь, тем кто не умеет этим пользоватся.
И в заключении: большая благодарность тем кто уделил внимание рассказу о том.