ordered list ")" statt "."

[hero1977]

geht das? also statt

1.
2.
3.

sowas:

1)
2)
3)

klar mit nem bild würde es gehnen aber geht es auch eleganter? finde da keine info zu …

 

[Galanos]

Wohl leider nicht:
http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_type

Wenn die Liste nicht zwingend als Liste definiert sein muss und die Nonkonformitaet, schlechtere Usability, Accessibility etc. in Kauf genommen werden kann, koennte man mit einer Scriptsprache die Nummerierung ausgeben und mit CSS entsprechend einruecken.
Aber das ist wohl den Aufwand und Bruch mit gutem Markup nicht wert.

 

[oneOeight]

kannst ja das mal angucken:
http://css-tricks.com/better-ordered-lists-using-simple-php-and-css/

 

[scope]

Über etwas Umwege könnte es, ein bisschen unsauberer, machbar sein.

Du könntest eine Definition List nutzen, in der du jeweils zwei Elemente zur Verfügung hast. Das erste (<dt>) kannst du mit 1, 2, 3, … füllen und dann via CSS das ')' (dt:after { content: ")"; } )anhängen, das zweite (<dd>) mit dem eigentlichen Inhalt.

 

[Atarimaster]

Genauso, wie Du es haben willst, geht es wohl nicht.
Die erste mögliche Lösung besteht darin, sowohl den Punkt, als auch die Klammer zu benutzen, also
1.) …
2.) …
usw.
Das sieht dann so aus:

li:before {
    content: ") ";
}

Die Klammer wird dabei etwas »unglücklich« positioniert, möglicherweise kann man das zumindest optisch noch etwas ausbügeln (hab ich nicht ausprobiert).


Die zweite Lösung hat die Nachteile, dass
a) sie wahrscheinlich nicht im IE funktioniert,
b) die Nummerierung nicht ausgerückt ist.

body {
    counter-reset:zaehl;
}
ol {
    list-style-type:none;
}
li:before {
    content:counter(zaehl) ") ";
    counter-increment:zaehl;
}

Also beides wohl nicht ganz, was Du möchtest. Aber noch näher am gewünschten Ergebnis geht’s wohl wirklich nicht. :-(