Dina: ol variabel gestalten

Beitrag lesen

SELF-Forum

ol variabel gestalten

Dina
– Informationen zu den Bewertungsregeln

Hi Leute, da bin ich wieder!

Diesmal habe ich ein Problem mit einer ordentlichen Liste.
Diese soll wie folgt aussehen:

1. Grundlagen
  1.1 Inhalt
  1.2 Inhalt
  1.3 Inhalt
    1.3.1 Text
    1.3.2 Text
  1.4 Inhalt
2. Grundlagen

....

Mein Problem ist, dass er den Inhalt zwar verschachtelt, aber es stehen keine 3 Zahlen, sondern immer nur eine und das sieht natürlich bei einem Inhaltsverzeichnis bl... aus.

Da es ein Inhalsverzeichnis werden soll, soll hinter den Aufzählunspunkten die Seitenzahl stehen, wo der entsprechende Text zu finden ist.

Ich habe schon

#inhalt a::after {  
 content: leader(' ') target-counter(attr(href), page);  
}

ausprobiert, aber natürlich hat er meine Liste zerschossen und nur die 0 hingeschrieben, nichts sonst.

Hier nochmal mein html:

<div class="section">  
<h3><a id="inhaltsverzeichnis" name="inhaltsverzeichnis">Inhaltsverzeichnis</a></h3>  
<ol class="arabic simple">  
<li>Grundlagen<ol class="arabic">  
<li>Futurama</li>  
<li>Simpsons<ol class="arabic">  
<li>Homer</li>  
<li>Bart</li>  
<li>Marge</li>  
<li>Lisa</li>  
</ol>  
  
</li>  
</ol>  
</li>  
<li>Grundlagen<ol class="arabic">  
<li>Biene</li>  
<li>Schwein</li>  
<li>Bär<ol class="arabic">  
<li>Winnie Puh</li>  
<li>Käpt'n Balu</li>  
<li>Käpt'n Blaubär</li>  
<li>Balu</li>  
</ol>  
</li>  
</ol>  
  
</li>  
<li>Grundlagen<ol class="arabic">  
<li>Farben<ol class="arabic">  
<li>schöne Farben<ol class="arabic">  
<li>grün</li>  
<li>gelb</li>  
<li>rot</li>  
<li>blau</li>  
</ol>  
</li>  
</ol>  
</li>  
</ol>  
  
</li>  
<li>Grundlagen<ol class="arabic">  
<li>Schule</li>  
<li>Arbeit</li>  
<li>Tod</li>  
</ol>  
</li>  
<li>Grundlagen<ol class="arabic">  
<li>Haus</li>  
<li>Garten</li>  
<li>Schmuck<ol class="arabic">  
<li>Kette</li>  
<li>Ring</li>  
<li>Uhr</li>  
</ol>  
  
</li>  
<li>Autos<ol class="arabic">  
<li>Alte Wagen</li>  
<li>Moderne Wagen<ol class="arabic">  
<li>Mercedes</li>  
<li>Audi</li>  
<li>Kia</li>  
<li>Skoda</li>  
<li>Ferrari</li>  
<li>BMW</li>  
<li>VW</li>  
<li>Mitsubishi</li>  
<li>Golf</li>  
</ol>  
</li>  
</ol>  
  
</li>  
<li>Essen<ol class="arabic">  
<li>Meerestiere</li>  
</ol>  
</li>  
<li>Bibliothek</li>  
<li>Butler</li>  
<li>Hubschrauber</li>  
</ol>  
  
</li>  
<li>Grundlagen</li>  
</ol>  
</div>

Danke für eure Hilfe!

MfG

Dina

Beitrag melden
–
Informationen zu den Bewertungsregeln