Вложить элементы списка в элементы списка Упорядоченного списка? - PullRequest
Новая
       11

Вложить элементы списка в элементы списка Упорядоченного списка?

5 голосов
/ 02 марта 2009

Я пытаюсь выяснить, как создать увеличенный упорядоченный список, в настоящее время ориентированный на IE6 и IE7.

например. Это должно сделать что-то вроде ниже: 

1.0
    1.1
    1.2
    1.3
2.0
    2.1
    2.2

Из того, что я понимаю, это можно создать в CSS примерно так: 

UL, OL { counter-reset: item; }
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }

Однако, конечно, IE6 и IE7 не поддерживают это.

Какие варианты доступны для создания правильного увеличенного списка в IE6 / 7? Я застрял в необходимости жесткого кода это? К сожалению, использование JavaScript не вариант.

Существуют ли обновленные методологии для новых браузеров?

Ответы [ 4 ]

1 голос
/ 21 июня 2012

Вот решение только для CSS (должно работать в IE8 и выше): 

<ol>
    <li>
        Heading
        <ol>
            <li>list</li>
            <li>list</li>
        </ol>
    </li>
    <li>
        Heading
        <ol>
            <li>list</li>
            <li>list</li>
        </ol>
    </li>
</ol>



ol{
    list-style-position:inside;
    list-style-type: none;
    counter-reset:mainNum;
}

ol li:before{
    content: counter(mainNum) ".0";
    counter-increment:mainNum;
}

ol ol{
    counter-reset:item;
}

ol ol li{
    list-style-type:none
}

ol ol li:before{
    content: counter(mainNum) "." counter(item) "  ";
    counter-increment:item;
}
1 голос
/ 02 марта 2009

XSLT (включая XSLT 1.0) может генерировать многоуровневые последовательности нумерации с <xsl:number>.

0 голосов
/ 02 марта 2009

Если JavaScript не вариант, вам придется жестко его кодировать / реализовывать на стороне сервера.

Положительная сторона: она будет работать сразу для других менее способных пользовательских агентов / устройств (например, BlackBerry Browser и т. Д.).

0 голосов
/ 02 марта 2009

Если javascript не является опцией (и, следовательно, я также предполагаю, что нет флеш-памяти), я сожалею, что у вас нет вариантов для решения на стороне клиента. Если у вас есть серверный скрипт, который генерирует ваш HTML, вы можете перенести порядок на сервер и просто оформить вывод на клиенте, используя CSS как неупорядоченный список без маркера. IE6 - ваш ограничивающий фактор, и здесь нет много способов обойти это. Извините, что я несу плохие новости.

...