ol variabel gestalten

[Dina]

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

[Beat]

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.

Bist du in der Lage, das Beispiel im folgenden Fachartikel nachzuvollziehen?
Das wäre ein Anfang für dein Vorhaben.
http://aktuell.de.selfhtml.org/artikel/css/nummerierung/

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.  
  
a::after ist CSS3 Syntax.  
a:after dürfte wohl derzeit besser unterstützt werden.  
  
   content: leader(' ')  
  
Auf welcher Norm basiert das? Sieht mir fremd aus.  
  
mfg Beat

-- 
Woran ich arbeite:  
[X-Torah](http://www.elcappuccino.ch/cgi/tok.pl?extern=1-pub-com3306-1)  
   <°)))o><                      ><o(((°>o  

[Dina]

content: leader(' ')

Auf welcher Norm basiert das? Sieht mir fremd aus.

Hab ich hieraus: Link
Funktioniert klasse!!

Hab es jetzt hinbekommen.

Danke für die Hilfe!