Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Geneste lijsten nummeren?

Anoniem
Johnny321
3 antwoorden
  • Ik ben bezig met het opzetten van een genummerde lijst en die maak ik op met CSS. Waar het nu om gaat is het volgende:[code:1:fb5048b4a2]<ol>
    <li>test</li>
    <li>
    <ol>
    <li>subtest</li>
    <li>subtest</li>
    <li>subtest</li>
    </ol>
    </li>
    </ol>[/code:1:fb5048b4a2]Dit resulteert in[code:1:fb5048b4a2]1. test
    2. 1. subtest
    2. subtest
    3. subtest[/code:1:fb5048b4a2]Logisch, maar nu wil ik dit bereiken:[code:1:fb5048b4a2]1. test
    2. 1. subtest
    2. 2. subtest
    2. 3. subtest[/code:1:fb5048b4a2]Zijn hier geaccepteerde cross-browser oplossingen voor, of is dit nog te hoog gegrepen voor CSS?

    Alle hulp is van harte welkom!

    - Bas.
  • [quote:e713956605]The following style sheet numbers nested list items as "1", "1.1", "1.1.1", etc.

    OL { counter-reset: item }
    LI { display: block }
    LI:before { content: counters(item, ".";); counter-increment: item }[/quote:e713956605]


    http://www.w3.org/TR/REC-CSS2/generate.html
  • Ah, bedankt! Maar zo te zien zijn dit pseudo-elementen en ondersteunt IE die niet. Maar goed, het is een begin, en als dit de CSS-manier is verwacht ik niet dat er andere CSS-alternatieven zijn.

    Nogmaals bedankt!

    - Bas

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.