Nummerierte Listen mit Unterpunkten

[Sven]

Hallo liebes Forum,

ich verzweifle gerade an einer nummerierten Liste:

Code: Alles auswählen

<ol>
<li>Kaffee</li>
<li>Kekse
<ol>
<li>Vanillekese</li>
<li>Zimtkekse</li>
</ol>
</li>
<li>Rührei</li>
</ol>


Die endgültige Darstellung der Liste soll so aussehen:

1. Kaffee
2. Kekse
2.1. Vanillekekse
2.2. Zimtkekse
3. Rührei

Jedoch fängt die Nummerierung bei Vanillekekse wieder bei 1. an und nicht bei 2.1.

Klar, ich könnte jetzt das Ganze einfach als Aufzählungsliste schreiben und die Nummern manuell vor die Punkte schreiben, aber ich denke nicht, dass das (vom Aufwand mal nicht zu sprechen) SEO-technisch so vorteilhaft ist (Liste ist eine Navigation)... Oder wie seht ihr das? Bin jetzt nicht so der große SEO-Meister.


Würde mich über Hilfe freuen

Liebe Grüße,
Sven

[Manuel]

Hey Sven!

Das ist leider so einfach mit HTML nicht möglich. Man erhält zwar eine nummerierte Liste und diese ist auch verschachtelt, aber im Endeffekt entsteht genau das, was aktuell dein Problem ist.

Eine solche Unternummerierung ist lediglich über Umwege durch den Typ möglich. Du kannst dem ol-Tag ja ein type-Attribut mitgeben, wie etwa type="I".
Ansonsten müsstest du es vermutlich manuell mit PHP machen.


Lg,
Manuel

[Sven]

Danke Manu,

das ist ja blöd Na gut, dann muss es eben manuell sein...

[Ingo]

Vielleicht ist ja doch was möglich. Es gibt einige "exotische" (=wenig genutzte) CSS2-Eigenschaften:
counter-increment und counter-reset (und content). CSS-Ansätze mit und ohne jQuery-Fallback habe
ich hier gefunden:
http://stackoverflow.com/questions/2729 ... ts-in-html
Bleibt zu klären, welche Browser da mitspielen, insbesondere bei der CSS-Variante.

(W3C: http://www.w3.org/TR/CSS2/generate.html#counters)