Вложенный список <ol>

(Ответов: 5, Просмотров: 408)
  1. Дипломник Аватар для Reload_69
    • Регистрация: 05.01.2012
    • Сообщений: 193
    • Репутация: 9
    Вроди бы мат часть создания списка знаю, но вот тут запутался.
    Подскажите, пожалуйста, на этой странице не могу сделать вложенный список так чтобы обрамление и нумерация шли правильно.
    т.е. Обрамление по контуру + нумерация только для этих пунктов.
    1.Техническое задание:
    2. Выставление коммерче....
    А вот остальные элементы подпунктов были просто с галочками и без обрамления и нумерацией
    • 0
  2. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    Вместо .bullet li::before, надо где-то так .bullet ol>li::before
    и вместо .bull li, .bull ol>li
    Последний раз редактировалось Vlad03; 15.05.2016 в 21:10.
    • 1

    Спасибо сказали:

    Reload_69(15.05.2016),
  3. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,073
    • Репутация: 310
    Reload_69,

    есть ещё такое, может пригодится

    ol {
    counter-reset: li; /*Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0*/
    list-style: none; /*убираем стандартную нумерацию*/
    }
    li:before {
    counter-increment: li; /*Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться до пунктов списка. Здесь же устанавливается значение приращения счетчика -по умолчанию равно 1.*/

    content: counters(li,".") ". "; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка*/
    }
    • 0
  4. Дипломник Аватар для Reload_69
    • Регистрация: 05.01.2012
    • Сообщений: 193
    • Репутация: 9
    Vlad03, Вот что получилось http://c2n.me/3y44nFc Просто нумерация убралась

    ---------- Сообщение добавлено 19:18 ---------- Предыдущее 19:16 ----------

    Gann,Вот что в этом варианте
    http://c2n.me/3y44wIY
    Или же если только добавить что Вы предложили, то вот http://c2n.me/3y44Fcd

    ---------- Сообщение добавлено 19:23 ---------- Предыдущее 19:18 ----------

    Vlad03, Тоже не то:
    http://c2n.me/3y452nV
    • 0
  5. Рождённый в СССР Аватар для Gann
    • Регистрация: 30.04.2012
    • Сообщений: 1,073
    • Репутация: 310
    Reload_69, да блин аж самого забесило

    Сделайте на блоках - так проще
    • 1

    Спасибо сказали:

    Reload_69(15.05.2016),
  6. Дипломник Аватар для Reload_69
    • Регистрация: 05.01.2012
    • Сообщений: 193
    • Репутация: 9
    Получилось, нужно было вместо
    .bullet li:before
    вставить
    .bullet>li:before
    • 1

    Спасибо сказали:

    Gann(15.05.2016),

Похожие темы

Темы Раздел Ответов Последний пост
Календарь и список в WP
Другая работа 2 12.10.2014 15:11
Календарь и список
WordPress 0 12.10.2014 13:38
Бесплатные CMS (список)
Выбор CMS 67 28.03.2013 14:55
Список забаненых
Обсуждение форума и ваши предложения 1 05.12.2011 04:57
Список RU тизеров
Партнерские программы 16 26.03.2011 22:04

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры