Нумерация списков в css 2.1

zilog · May 6, 2009

В xhtml 1.1 нету аттрибутов ol.start и li.value.

Долго гуглил, читал w3c.org. Вот такое нашел только (или подобное):

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>z</title>
<style>

body
{

}

ol.first
{
counter-reset: item1 3;
}

ol.second
{
}

li.mys
{
display: block;
}

li.mys:before
{
content: counter(item1) ". ";
counter-increment: item1;
}

</style>
</head>

<body>

<ol class="first">
<li class="mys">11111</li>
<li class="mys">222<br/>22</li>
<li class="mys">33333</li>
<li class="mys">44444</li>
</ol>
rrrrrrrrrrrrr
<ol class="second">
<li class="mys">11111</li>
<li class="mys">22222</li>
<li class="mys">33333</li>
<li class="mys">44444<br/>44444</li>
</ol>
rrrrrrrrrrrrr
<ol start="8">
<li>11111</li>
<li>22222</li>
<li>33333</li>
<li>44444<br/>44444</li>
</ol>

</body>
</html>

В последнем списке нумерация обычная. А вот нумерация в первых двух списках страдает парой недостатков:

- Номера элементов списка не выровнены по правому краю.

- При нескольких строчках в элементе, текст и номер имеют одинаковое выравнивание по левому краю.

- Не работает в ИЕ 8.0.

В общем, выглядит такой нумерованный список как-бы если мы номер элемента списка ручками засунули внутрь <li/>. Это диагноз или это как-то можно исправить???

Вообще, это финишь какой-то. Нужно быть совсем отмороженными что бы такие способы верстки предлагать, а старые запрещать. Вообще, эти списки достали уже. Вечно с ними какаянить хрень случается.

Вот кто нибудь знает как внутри списка сделать нависающую первую строку в опере выше 9.6???

Edited May 6, 2009 by zilog

SelenIT · May 6, 2009

В стандартном режиме IE8 CSS-ные counter'ы, по-моему, как раз должны работать. А вот в IE7 и ниже (в т.ч. IE8 в режиме обр. совместимости) — увы...

В целом всё это подтверждает тупиковость стандарта XHTML 1.x. HTML5 — единственный стандарт, одобренный производителями браузеров — вот наше будущее! :rolleyes:

zilog · May 6, 2009

SelenIT said:
В стандартном режиме IE8 CSS-ные counter'ы, по-моему, как раз должны работать. А вот в IE7 и ниже (в т.ч. IE8 в режиме обр. совместимости) — увы...

Хм... Вы правы. Я добавил DOCTYPE xhtml-я и коунтеры в ИЕ заработали. Но так же криво отображаются. Кто вообще эту хрень придумал... просто слов нет.

Перепишу что бы списки дизайнились таблицами. Надоело с ними возиться.

Кстати, а как ИЕ по умолчанию выбирает режимы совместимости не подскажите? Находится много инфы как установить эти режимы, но что ИЕ по умолчанию выбирает как-то осталось не ясным

Edited May 6, 2009 by zilog

SelenIT · May 6, 2009

Quote
а как ИЕ по умолчанию выбирает режимы совместимости не подскажите?

О-о... В 8-й версии это целый детектив. В общих словах — как-то так . Вообще есть хорошая статья про режимы браузеров и управление ими, эта картинка как раз оттуда.

Sign In

Нумерация списков в css 2.1

Question

zilog

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

SelenIT

Link to comment

Share on other sites

zilog

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information