Hallöle,
ich blicke mal wieder bei meine eigenen Schusseligkeit nicht durch.
ich habe verschieden Listen, die ich in einer gesonderten CSS-Datei definiere, nur klappen zwei Dinge nicht:
1. - ich möchte die dritte Ebene nicht mit 1. 2. 3. haben sondern mit a. b. c.
2. - meine aufgeführten Punkte sind meist länger als eine Zeile und eigendlich müssten sie ja Standard mäsßig auf list-style: outside; stehen, sind sie jedoch nicht
Kann mir jemand helfen?
HTML-Datei:
<ol class="para">
<li>Oberpunkt mit §</li>
<li>Oberpunkt mit §</li>
<li>Oberpunkt mit §
<ol class="absatz">
<li>Unterpunkt Ebene 1 mit (1)</li>
<li>Unterpunkt Ebene 1 mit (2)</li>
<li>Unterpunkt Ebene 1 mit (3)
<ol class="absatz2">
<li>Unterpunkt Ebene 2 mit a. -</li>
<li>Unterpunkt Ebene 2 mit b. - </li>
<li>Unterpunkt Ebene 2 mit c. - </li></li>
</ol>
</li>
</ol>
</ol>
und die CSS-Datei:
ol.para {
counter-reset: item;
list-style-position: outside;}
ol.para li { display: block; }
ol.para li:before {
content: "§" counter(item) " - ";
counter-increment: item;
}
ol.absatz {
counter-reset: item;
list-style-position: outside;}
ol.absatz li { display: block; }
ol.absatz li:before {
content: "(" counter(item) ") ";
counter-increment: item;
}
ol.absatz2 {
counter-reset: item;
list-style-position: outside;
list-style: lower-latin;}
ol.absatz2 li { display: block; }
ol.absatz2 li:before {
content: counter(item) ". - ";
counter-increment: item;
}
und Aussehen soll es eigentlich so (Die Punkte am Anfang sind wegzudenken):
§1 - Oberpunkt 1 mit §
§2 - Oberpunkt 2 mit §
§3 - Oberpunkt 3 mit §
...(1) Unterpunkt Ebene 1 mit (1)
...(2) Unterpunkt Ebene 1 mit (2)
...(3) Unterpunkt Ebene 1 mit (3)
......a. - Unterpunkt Ebene 2 mit a. -
......b. - Unterpunkt Ebene 2 mit b. -
......c. - Unterpunkt Ebene 2 mit c. -