Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Geneste lijsten nummeren?

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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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