|
|
|
| Однажды я поднял тему создания многоуровневых нумерованных списков с помощью стандартных средств (http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=41987), но на тот момент был сделан вывод, что таких методов нет.
Однако, сегодня мне пришлось вернуться к вопросу и даже удалось сделать кое-что в данном направлении, чем и хочу поделиться. Возможно, кому-то ещё пригодится.
Естественно, как обычно, безусловно, (серия матов) не пашет в ИЕ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<TITLE>Многоуровневый список</TITLE>
<STYLE type="text/css">
UL{list-style-type:none;}
UL.first {counter-reset: first;}
UL.second {counter-reset: second;}
UL.third {counter-reset: third;}
LI.first:before {
counter-increment: first;
content: "Часть " counter(first) ". ";
}
LI.second:before {
counter-increment: second;
content: "Раздел " counter(first) "." counter(second) ". ";
}
LI.third:before {
counter-increment: third;
content: "Глава " counter(first) "." counter(second) "." counter(third) ". ";
}
</STYLE>
</HEAD>
<BODY>
<UL class=first>
<LI class=first>Введение</LI>
<LI class=first>Алфавит
<UL class=second>
<LI class=second>Гласные
<UL class=third>
<LI class=third>Буква "а"</LI>
<LI class=third>Буква "о"</LI>
<LI class=third>Буква "у"</LI>
</UL>
</LI>
<LI class=second>Согласные
<UL class=third>
<LI class=third>Буква "б"</LI>
<LI class=third>Буква "в"</LI>
<LI class=third>Буква "г"</LI>
</UL>
</LI>
</UL>
</LI>
<LI class=first>Слова
<UL class=second>
<LI class=second>Из двух букв
<UL class=third>
<LI class=third>Слово "да"</LI>
<LI class=third>Слово "гы"</LI>
</UL>
</LI>
<LI class=second>Из трех букв
<UL class=third>
<LI class=third>Слово "ухо"</LI>
<LI class=third>Слово "нос"</LI>
</UL>
</LI>
<LI class=second>Из четырех и более букв
<UL class=third>
<LI class=third>Слово "хлеб"</LI>
<LI class=third>Слово "пиво"</LI>
<LI class=third>Слово "антидисестаблишментарианизм"</LI>
</UL>
</LI>
</UL>
</LI>
<LI class=first>Заключение</LI>
</UL>
<ADDRESS>HTML 4.01 Strict, CSS 2.1 Validated</ADDRESS>
</BODY>
</HTML>
|
| |
|
|
|
|
|
|
|
для: DJ Paltus
(25.12.2008 в 10:53)
| | и зочем оно упало если не пашед в ие? | |
|
|
|
|
|
|
|
для: sl1p
(25.12.2008 в 11:46)
| | Ну, с восьмерки уже начинает пахать. Остальные браузеры испокон веков знают свойства "after" и "before". | |
|
|
|
|
|
|
|
для: DJ Paltus
(25.12.2008 в 12:03)
| | 6 ие популярен среди говноюзеров.
это не избежно. 8+ не ибёт так сказать. | |
|
|
|
|
|
|
|
для: sl1p
(25.12.2008 в 21:44)
| | К сожалению, да.
Для работы данного метода на ие надо натягивать заплатку, объясняющую ему принцип работы свойств before и after так же, как в свое время заплаткой же учили его полупрозрачности и альфа-каналам. | |
|
|
|