Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 28.03.2023, 05:29
MrMurphy MrMurphy ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.113
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

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

Code:
left: -35px;
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.
Mit Zitat antworten
Sponsored Links