Иерархический нумерованный список средствами css
Вложений: 1
Пытаюсь сделать иерархический вложенный список средствами css. В интернетах предлагается решение вида:
PHP код:
PHP код:
Есть ли решение данной проблемы для современных браузеров IE9+ средствами css без скриптов? |
Ответ: Иерархический нумерованный список средствами css
Вложи первый список тоже в DIV.
http://jsfiddle.net/BQasT/ И используй jsfiddle.net в будущем для примеров - очень помогает другим тебе помочь, т.к. не нужно стараться произвести ситуацию заного. |
Ответ: Иерархический нумерованный список средствами css
На удивление подход с оборачиванием первого списка в div работает даже в опере.
Но если я не контролирую вложенность списков в блоки, например в блоге кто-то создаёт статью и хочет как-то необычно её отформатировать и сталкивается с такой проблемой? Хочу прописать волшебные строчки в css и забыть о проблеме. |
Ответ: Иерархический нумерованный список средствами css
Не давай возможность в блогах делать сложные структуры, усложнения также негативны для читателя.
Не вижу смысла делать вложение в div. Да и нашёл решение твой проблемы, вот тут: http://stackoverflow.com/questions/7...nswer-12348652 Этот CSS решает проблему с мульти OL. |
Ответ: Иерархический нумерованный список средствами css
Блог будет о программировании, где в первую очередь сам буду писать. Сейчас делаю набор css правил для распространённых конструкций при публикации статей: абзацы, заголовки, таблицы, списки и т. п. Но не хочу ограничиваться этими рамками и хочу иметь возможность использовать любой html и javascript код в статьях, если потребуется.
Решение по ссылке скоро посмотрю, будет круто, если поможет. :) |
Ответ: Иерархический нумерованный список средствами css
Пример по ссылке работает во всех браузерах кроме опять же оперы. Только теперь проблема иначе проявляется. У каждого вложенного подсписка нумерация идёт обычным образом. Вот пример (смотреть в опере):
http://jsfiddle.net/BQasT/2/ P.S. Скорее бы опера уже на вебкит перешла. |
Ответ: Иерархический нумерованный список средствами css
Прикол в том, что на сайте оперы: http://dev.opera.com/articles/view/a...-css-counters/ предлагается решение, подобное моему из первого поста. И оно работает на их примере с одним списком. Но если добавить в их код второй список, то понятное дело не работает.
|
Ответ: Иерархический нумерованный список средствами css
Кажется я придумал решение. Тестировал на списках с разной иерархией и вкладывал списки в разные блоки на разную глубину в DOM. Проблем замечено не было. Вот код CSS:
PHP код:
|
Ответ: Иерархический нумерованный список средствами css
Опера - не броузер. Они сами это признали, решив перейти на WebKit. Популярность оперы на минимуме, и только распространена в восточной Европе. И то, не так и популярен.
Тем более блог ты пишешь не для сегодня, а "завтра", когда уже выйдет WebKit версия. Следственно я бы не парился поддерживать кривость текущей Оперы. |
Ответ: Иерархический нумерованный список средствами css
Ёпт, решение из моего предыдущего поста всё равно глючит. Когда встроил код в страницу, в которой планировал его изначально использовать, опять глюки вылезли в опере. А раньше, где-то в районе девятых версий опера была моим любимым браузером.
|
Ответ: Иерархический нумерованный список средствами css
Цитата:
Chrome - молодец. |
Ответ: Иерархический нумерованный список средствами css
Мне нравилось, что она плавно пролистывала страницы, работала быстро, при попытке что-то сверстать обычно глюки вылазили в IE, а с оперой всё было нормально. Хрома тогда ещё не было, сейчас пользуюсь им.
|
Ответ: Иерархический нумерованный список средствами css
Ах вот кому нужны эти нумерованые списки, а я то всё думал
|
Ответ: Иерархический нумерованный список средствами css
В общем ни к чему более умному, чем прописать правила на пять уровней вложенности с разными счётчиками, я не пришёл. Этот быдлокод работает во всех устраиваемых меня браузерах:
PHP код:
|
Часовой пояс GMT +4, время: 12:02. |
vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot