list style lower-alpha mit ) anstatt . versehen

[Peppi]

Hi Zusammen,

wie bekomme ich es hin, dass mir eine Auflistung (list style:lower-alpha) nicht so (mit Punkten):

a.
b.
c.

sondern so (mit Klammern)

a)
b)
c)

angezeigt wird?

Ich finde darauf echt keine passende Antwort. Wichtig ist, dass die Klammern in allen Browsern angezeigt werden müssen. Ich habe schon gelesen, dass es da Unterschiede in den Browsern gibt.

Vielen Dank im Voraus für Eure Hilfe

Peter

 

[_Thor_]

Das ist mit CSS nicht möglich, da gibt es nur Punkte.

Vielleicht gibt es eine Möglichkeit, dies mit JavaScript zu verändern, hab ich aber noch nie probiert und wüsste momentan auch nicht, wie das gehen soll.

 

[BcF]

Es ginge so:

li {
  list-style-type:none;
}
li.a:before {
  content:"a) ";
}
li.b:before {
  content:"b) ";
}

Hätte natürlich den beträchtlichen Nachteil, dass du jedem Listenelement eine eigene Klasse zuweisen müsstest (und ich bin mir nicht sicher, ob der IE content kennt), aber ich wollt's mal als Möglichkeit erwähnen.

 

[Efchen]

Dann wäre es aber einfacher, das so zu machen (und das funktioniert in allen Browsern, sogar uralten):

<ol>
  <li>a) Blabla</li>
  <li>b) foobar</li>
  <li>c) Hurz!</li>
</ol>