Теги HTML → Уроки html → Как сделать список html Нумерованные списки html. Такие списки называются многоуровневыми или вложенными. . HTML/CSS сделать многоуровневые нумерованные списки? list-style-
image или background-image, где нумерация типа «1.3. Создание маркированного и нумерованного списка на веб-странице. Рис.
2.7. Пример многоуровневого списка в HTML-документе. В заключение .
![Html Многоуровневый Список Html Многоуровневый Список](http://ru.stealthsettings.com/wp-content/uploads/2011/09/stealth_25.jpg)
CSS справочник и статьи (селекторы, элементы, атрибуты КСС) · Списки a la MS Word. Некоторое время назад Kukutz интересовался у меня, как с помощью HTML/CSS можно верстать многоуровневые нумерованные списки «как в ворде». В тот момент мне в голову пришел только извратный вариант использования list- style- image или background- image, где нумерация типа «1. Дурацкая идея, конечно. Но пару дней назад я вспомнил о некоторых замечательных CSS свойствах. Полистав спецификацию, я понял, что задача решаема, при этом будет сохранена семантика в HTML.
![Html Многоуровневый Список Html Многоуровневый Список](http://www.ua-source.com/wp-content/uploads/2015/08/Slider3.jpg)
HTML /CSS сделать многоуровневые нумерованные списки? list -style- image или background-image, где нумерация типа «1.3.
![Html Многоуровневый Список Html Многоуровневый Список](http://900igr.net/datas/informatika/Spisok/0007-007-Mnogourovnevyj-spisok.jpg)
Единственное (но самое важное!) ограничение — абсолютно правильно работает пример только в Opera 7. Я тестировал в более ранних версиях этого браузера (нумерация в списках нарушается), а также в Mozilla 1. Internet Explorer 6. Возможно, в более свежих версиях Gecko- based браузеров всё хорошо, я не могу сказать. Итак, смотрите в Opera 7.
Здорово, правда? Решается всё следующим CSS кодом (за основу взят пример на w. Обратите внимание на пробел во фрагменте ". С его помощью мы создаём отступ между нумерацией и текстом. CSS 2 селекторы (ol> li) используются для того, чтобы не обрабатывались элементы вложенных ненумерованных списков. HTML код получается простым и семантически верным: < ol> < li> one< ol> < li> one- one< ol> < li> one- one- one< /li> < li> one- one- two< /li> < li> one- one- three< /li> < /ol> < /li> < li> one- two< /li> < li> one- three< /li> < /ol> < /li> < li> two< /li> < li> three< ol> < li> three- one< /li> < li> three- two< /li> < li> three- three< /li> < /ol> < /li> < /ol> Теорию про счётчики и автоматическую нумерацию рассказывать не буду. Кому интересно — см. спецификацию.
Спасибо за внимание. Был рад снова вас видеть : -)P. S. А в Opera 7. 1. 0 и 7. UPDATE: по наводке тов. Вани теперь решение работает во всех «семёрках»!)Что касается браузера Mozilla, то он до сих пор не поддерживает счётчики. Воз и ныне там с 1.
HTML списки представляют собой набор сгруппированных абзацев текста,
помеченных значками. список; 5. Многоуровневый нумерованный список . . Маркированный список в HTML создается при помощи тегов <ul> <li>. При
этом. Вложенные или многоуровневые списки в HTML. Также вложенные списки используются для создания многоуровневых меню
. DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Список</title> .
P. P. S. Danil Ivanov (aka Mash) предложил вариант (бэкап архива с решением) для IE 5+ и Mozilla.