Liste - Zahl in Klammern
Gegsoft
- css
Ich möchte in einer ol-Liste, dass die Zahlen in Klammern erscheinen.
Welche Möglichkeiten gibt es, dies (vorzugsweise mit CSS) festzulegen?
@@Gegsoft:
nuqneH
Ich möchte in einer ol-Liste, dass die Zahlen in Klammern erscheinen.
Welche Möglichkeiten gibt es, dies (vorzugsweise mit CSS) festzulegen?
Generierten Inhalt mit <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#nummerierung@title=automatischer Numerierung>.
Qapla'
@Gunnar Bittersmann:
Generierten Inhalt mit <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#nummerierung@title=automatischer Numerierung>.
Zuerst dachte ich: Ja Klar!!! – und habe Folgendes versucht:
li:before {content: "(" counter(L1) ".)"; counter-increment: L1;}
aber das zeigte mir die Nummerierung doppelt an.
Dann habe ich es mit einer ungeordneten Liste (ul) probiert und list-style-type:none; angegeben, doch dann erscheinen die Zahlen nicht ausgerückt, wie ich das gerne hätte.
Ich denke, dass ich zunächst mal mit einer Tabelle eher zum gewünschten Ergebnis komme und wenn ich Zeit dafür habe, werde ich mich dann intensiver damit befassen.
Trotzdem danke für dem Tipp.
@@Gegsoft:
nuqneH
Dann habe ich es mit einer ungeordneten Liste (ul) probiert
Nein, eine geordnete Liste ist eine geordnete Liste ist 'ol'.
und list-style-type:none; angegeben
Richtig, damit unterdrückst du die ursprünglich vorhandene Numerierung.
doch dann erscheinen die Zahlen nicht ausgerückt, wie ich das gerne hätte.
Dann mache dir Gedanken, wie du das erreichen könntest.
Bspw. per li {padding-left: 42px; text-indent: -42px}
.
Oder
li {padding-left: 42px; position: relative}
li::before {position: absolute; left: 0; top: 0}
Ich denke, dass ich zunächst mal mit einer Tabelle eher zum gewünschten Ergebnis komme
Nein, eine geordnete Liste ist eine geordnete Liste ist 'ol'.
Qapla'