Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Полезное: многоуровневый нумерованный список на CSS.
 
 автор: DJ Paltus   (25.12.2008 в 10:53)   письмо автору
 
 

Однажды я поднял тему создания многоуровневых нумерованных списков с помощью стандартных средств (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>

  Ответить  
 
 автор: sl1p   (25.12.2008 в 11:46)   письмо автору
 
   для: DJ Paltus   (25.12.2008 в 10:53)
 

и зочем оно упало если не пашед в ие?

  Ответить  
 
 автор: DJ Paltus   (25.12.2008 в 12:03)   письмо автору
 
   для: sl1p   (25.12.2008 в 11:46)
 

Ну, с восьмерки уже начинает пахать. Остальные браузеры испокон веков знают свойства "after" и "before".

  Ответить  
 
 автор: sl1p   (25.12.2008 в 21:44)   письмо автору
 
   для: DJ Paltus   (25.12.2008 в 12:03)
 

6 ие популярен среди говноюзеров.
это не избежно. 8+ не ибёт так сказать.

  Ответить  
 
 автор: DJ Paltus   (26.12.2008 в 09:36)   письмо автору
 
   для: sl1p   (25.12.2008 в 21:44)
 

К сожалению, да.
Для работы данного метода на ие надо натягивать заплатку, объясняющую ему принцип работы свойств before и after так же, как в свое время заплаткой же учили его полупрозрачности и альфа-каналам.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования