Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Geneste lijsten nummeren?

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.