list-style-type -> eigenes Symbol
Benni2
- css
Hallo zusammen!
Ich möchte in einer Aufzählung als Bulletzeichen gerne ein $-Zeichen. In der Anleitung http://de.selfhtml.org/css/eigenschaften/listen.htm@title=hier habe ich leider keinen Hinweis gefunden, wie man ein eigenes Symbol einfügen kann. Am besten wäre es natürlich, wenn ich ohne ein Image-file auskäme, also nicht mit list-style-image
.
Könnt ihr mir helfen?
Grüße, Benni
Hi,
Ich möchte in einer Aufzählung als Bulletzeichen gerne ein $-Zeichen. In der Anleitung http://de.selfhtml.org/css/eigenschaften/listen.htm@title=hier habe ich leider keinen Hinweis gefunden, wie man ein eigenes Symbol einfügen kann. Am besten wäre es natürlich, wenn ich ohne ein Image-file auskäme, also nicht mit
list-style-image
.
Dann bleibt dir wohl nur, :before in Kombination mit content zu nutzen.
MfG ChrisB
Könnt ihr mir helfen?
Nein. Denn es ist derzeit nicht möglich.
Es gibt lediglich einen inkompatibblen Workaround
li{list-style:none; padding:20px;}
li:before{content:'$'; text-indent:-20px; padding-right:5px;}
Mit dem padding-right Wert musst die spielen. Er ist abhängig vom font.
mfg Beat
Hey cool, danke Beat. Hat mir sehr geholfen!