Zitat:
|
Wer hat eine Idee, woran es liegt?
|
Ja.
Zunächst führt die Angabe
Zitat:
|
Allerdings führt es im Chrome Browser nicht zum gewünschten Ergebniss.
|
zu einer falschen Annahme. In anderen Browsern wird das von dir erwartete Ergebnis nämlich auch nicht angezeigt.
Das Zählen mit dem start-Attribut funktioniert im übrigen. Das ist alles HTML.
Nur setzt du mittels CSS eine Anzeige über die Zahl, so dass sie nicht angezeigt wird. Das kannst du nachvollziehen, wenn du im CSS die Angabe
in
Code:
.entry-content ol>li:before {
löscht. Dann verschiebt sich die mit CSS angezeigte Zahl und die korrekte mit HTML erzeugte Zahl wird sichtbar.
Die mit CSS erzeugte Zahl
Code:
ol.liste2>li:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: -9px;
left: -1.9em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 2.4em;
margin-right: 0;
padding: 0 0 4px 4px;
color: #949494;
font-weight: 700;
font-size: 32pt;
font-family: Oswald,Arial,sans-serif;
text-align: center;
}
hat keinen Zugriff auf das HTML und kann deshalb auch nicht den von HTML erzeugten Wert übernehmen.
Insgesamt haben dein HTML und CSS nur wenig mit den aktuellen HTML- und CSS-Regel zu tun. Aber das war nicht deine Frage.