Nummerierte Listen mit CSS

28. Oktober 2005 Jetzt kommentieren

Mit der CSS-Eigenschaft content in Verbindung mit dem Pseudoformat :before bestimmen wir den Inhalt der Listenelemente li. In diesem Fall definieren wir einen Counter und geben ihm den Namen ebene_0, für die reste Eben unserer Liste. Mit counter-increment lassen wir den Counter bei jedem Durchlauf mit sich selbst eines höher zählen. <br />ol.mycount li:before {<br […]

Mit der CSS-Eigenschaft content in Verbindung mit dem Pseudoformat :before bestimmen wir den Inhalt der Listenelemente li. In diesem Fall definieren wir einen Counter und geben ihm den Namen ebene_0, für die reste Eben unserer Liste. Mit counter-increment lassen wir den Counter bei jedem Durchlauf mit sich selbst eines höher zählen.

<br />ol.mycount li:before {<br />    content: counter(ebene_0) ". ";<br />    counter-increment: ebene_0;<br />}<br />


Screenshot der Liste unter Opera

Einziger Wehrmutstropen: Bisher ist lediglich der Browser Opera in der Lage, die Listen zu nummerieren. Dass selbst Firefox derzeit patzt, ist in meinen Augen unverständlich.

Kommentare

Einen eigenen Kommentar schreiben

Antwort schreiben

Kommentare neuer Teilnehmer werden auf Grund von hohem SPAM-Aufkommen zunächst von mir freigeschaltet, bis sie online erscheinen. Textile kann benutzt werden.

(wird nicht veröffentlicht)