Спецификация HTML 4.0
Рекомендация W3C 18 декабря 1997
17.9.1 Элемент LABEL
Чтобы неявно связать метку с другим управляющим элементом, этот управляющий элемент должен находиться в элементе LABEL. В таком случае элемент LABEL может содержать только один управляющий элемент.
т.е. применительно с посту выше можно сказать что ИЕ и Opera как всегда не "полностью" придерживаются спецификаций...
... могут немного посмотреть на работы профессионалов
а чем этот метод не профессионален???
по мне так лучше в коде видеть запись вида
<div class="box">
текст
</div>
чем как у "бескартиночных" профессионалов с cssplay
<div class="box">
<b class="top"><b class="b1"/><b class="b2"/><b class="b3"/><b class="b4"/></b>
<div class="boxcontent">
текст
</div>
<b class="bottom"><b class="b4b"/><b class="b3b"/><b class="b2b"/><b class="b1b"/></b>
</div>
или с теми же картинками как минимум еще с пару блоками внутри (к примеру, без учета конкретного дизайна)
<div class="box">
<div class="top"><div></div></div>
текст
<div class="bottom"><div></div></div>
</div>
да, есть у "нас" 6-ка, всмысле ИЕ :)... ниче с этим не поделаешь...
12.1 Псевдоэлементы :before и :after
Агенты пользователей должны игнорировать следующие свойства с псевдоэлементами :before и :after: 'position', 'float', свойства списков и свойства таблиц.
если можно еще "как-то" это сделать - очень было бы интересно, потому как пригодилось бы...
ну так я ж тоже не просто так пишу... потому как надо как раз мне такое сча...
про "line-height: 0.1;" и сам хотел написать тока во опередили меня :)
тока я бы написал line-height: 0 - это надо для Оперы, а для FF уже решил еще одной строкой... font-size: 0;, если без нее то получается то что писал выще - уголки едут вниз (ну уже понятно из-за чего)...
+ еще баги в FF :(
1. при увеличении шрифта - левые уголки смещаются вниз
2. при фиксированной высоте блока и малом количестве его содержимого(ну вот надо было так) - уголки соотв. становятся после контекста и вниз их ну никак не загнать...
по второй "неприятности" еще можно сказать что этот способ не для этого... - согласен
но вот первая "неприятность" сводит на нет очень даже неплохой способ избавиться от пары-тройки дивов(и прочих левых)...
имхо.... валидация нужна... хотя бы на начальном этапе освоения верстки, потому как ошибки могут быть не совсем еще осознанными по мере накопления опыта, а пару раз увидишь как это все крИЕво выглядит, почитаешь сообщениЦЦа что типа ты че засунул div в тэг A, и уже не будешь так делать, и будет дальше все более менее правильно... и потом даже как-то скучновато, что валидатор не выдает ошибок...
или еще что лучше - будет повод лишний раз почитать спецификацию,... которую многие думаю ниасилили...
и будет всем шчасЦЦе во всех браузерах...+- (ну как всегда подогнать чего да надо будет по любому...)
а если вместо врезки используются изображения (фотки, аватарки и т.д.) и хочеЦЦа сделать у этих изображений то, что написано в заголовке темы (скруглить края) - то скорее всего не получиЦЦа... :( а жаль... способ был хорош... но с оговорками не написанными в теме
p/s/ изображение (фотку, аватарку и т.д.) хотелось бы видеть именно как img src="... , а не ложить его бекграундом...
даже не помню в каких годах, до... 90-х где-то - программируемый микрокалькулятор Электроника МК-61, не совсем компьютер правда, но... если взять определение компьютера.. то вполне даже можно отнести его к этой категории
эх... можно было писать программки и... даже игрушки... в нем было целых 15 адресуемых регистров памяти и аж 105 шагов программы... не говоря о прямой и косвенной адресации...
вот он какой... был...
Рекомендация W3C 18 декабря 1997
17.9.1 Элемент LABEL
Чтобы неявно связать метку с другим управляющим элементом, этот управляющий элемент должен находиться в элементе LABEL. В таком случае элемент LABEL может содержать только один управляющий элемент.
т.е. применительно с посту выше можно сказать что ИЕ и Opera как всегда не "полностью" придерживаются спецификаций...
когда становишься на второе и последующие поля, курсор перескакивает на поле, которое в коде идет первым
так что считаю этот пункт правдивым тока для IE и Opera, :) что не есть гут, - будьте осторожны!!! все пробуйте на себе... :)
а чем этот метод не профессионален???
по мне так лучше в коде видеть запись вида
<div class="box">
текст
</div>
чем как у "бескартиночных" профессионалов с cssplay
<div class="box">
<b class="top"><b class="b1"/><b class="b2"/><b class="b3"/><b class="b4"/></b>
<div class="boxcontent">
текст
</div>
<b class="bottom"><b class="b4b"/><b class="b3b"/><b class="b2b"/><b class="b1b"/></b>
</div>
или с теми же картинками как минимум еще с пару блоками внутри (к примеру, без учета конкретного дизайна)
<div class="box">
<div class="top"><div></div></div>
текст
<div class="bottom"><div></div></div>
</div>
да, есть у "нас" 6-ка, всмысле ИЕ :)... ниче с этим не поделаешь...
мешает спецификация:
12.1 Псевдоэлементы :before и :after
Агенты пользователей должны игнорировать следующие свойства с псевдоэлементами :before и :after: 'position', 'float', свойства списков и свойства таблиц.
если можно еще "как-то" это сделать - очень было бы интересно, потому как пригодилось бы...
p.s. приятно, однакоЖ..., самому дойти до этого :))))
про "line-height: 0.1;" и сам хотел написать тока во опередили меня :)
тока я бы написал line-height: 0 - это надо для Оперы, а для FF уже решил еще одной строкой... font-size: 0;, если без нее то получается то что писал выще - уголки едут вниз (ну уже понятно из-за чего)...
1. при увеличении шрифта - левые уголки смещаются вниз
2. при фиксированной высоте блока и малом количестве его содержимого(ну вот надо было так) - уголки соотв. становятся после контекста и вниз их ну никак не загнать...
по второй "неприятности" еще можно сказать что этот способ не для этого... - согласен
но вот первая "неприятность" сводит на нет очень даже неплохой способ избавиться от пары-тройки дивов(и прочих левых)...
сори... задумался... о своем... текущем...
или еще что лучше - будет повод лишний раз почитать спецификацию,... которую многие думаю ниасилили...
и будет всем шчасЦЦе во всех браузерах...+- (ну как всегда подогнать чего да надо будет по любому...)
float:left; и display:inline;
так использовать можно и display: inline-block; - вроде логично, и проблему решает...
p/s/ изображение (фотку, аватарку и т.д.) хотелось бы видеть именно как img src="... , а не ложить его бекграундом...
эх... можно было писать программки и... даже игрушки... в нем было целых 15 адресуемых регистров памяти и аж 105 шагов программы... не говоря о прямой и косвенной адресации...
вот он какой... был...