Steffen M. Luba: Automatische Nummerierung per CSS

Beitrag lesen

SELF-Forum

Automatische Nummerierung per CSS

Steffen M. Luba
– Informationen zu den Bewertungsregeln

Hallo Tobias,

ich befürchte, ich muß Deine Hilfsbereitschaft nochmal beanspruchen.
Dank Deinem Hinweis mit dem Link weiter oben konnte ich die römischen und arabischen Zahlen einarbeiten. Für die Sache mit den Überschriften klappt das auch problemlos.

  
<html><head>  
<style type="text/css">  
  
h1 { counter-increment:Ebene01; }  
  
h1:before {content:counter(Ebene01,upper-roman) ". "; }  
  
h2 { counter-increment:Ebene02; }  
  
h2:before { content:counter(Ebene02, decimal) ". "; }  
  
</style>  
</head><body>  
<h1>&Uuml;berschrift 1</h1>  
 <h2>&Uuml;berschrift 2</h2>  
 <h2>&Uuml;berschrift 2</h2>  
<h1>&Uuml;berschrift 1</h1>  
 <h2>&Uuml;berschrift 2</h2>  
 <h2>&Uuml;berschrift 2</h2>  
 <h2>&Uuml;berschrift 2</h2>  
<h1>&Uuml;berschrift 1</h1>  
 <h2>&Uuml;berschrift 1</h2>  
</body>  
</html>

Das Problem ist jetzt leider die verschachtelte Liste. Da funktioniert das leider nicht, da er immer ein couter-reset macht. Ich vermute, das liegt am Verschachtelten (da ja <li> zweimal auftaucht), nur Durchblicken tu ich leider nicht. Vielleicht habe ich ja auch einen Fehler im Code, den ich einfach nicht erkenne.

  
<html><head>  
<style type="text/css">  
  
ol li { counter-increment:Ebene01;  
        list-style-type:none;}  
  
ol li:before { content:counter(Ebene01, upper-roman) ". "; }  
  
ol ol li        { counter-increment:Ebene02;}  
  
ol ol li:before { content:counter(Ebene02, decimal) ". "; }  
  
</style>  
</head>  
<body>  
<ol>  
 <li>&Uuml;berschrift  
  <ol>  
   <li>Unterpunkt</li>  
   <li>Unterpunkt</li>  
   <li>Unterpunkt</li>  
  </ol>  
 </li>  
 <li>&Uuml;berschrift  
  <ol>  
   <li>Unterpunkt</li>  
   <li>Unterpunkt</li>  
   <li>Unterpunkt</li>  
  </ol>  
 </li>  
 <li>&Uuml;berschrift  
  <ol>  
   <li>Unterpunkt</li>  
   <li>Unterpunkt</li>  
   <li>Unterpunkt</li>  
  </ol>  
 </li>  
</ol>  
</body></html>

Weißt Du hier nochmal Rat?

Viele Grüße aus der Pfalz
Steffen

Beitrag melden
–
Informationen zu den Bewertungsregeln