Benni2: list-style-type -> eigenes Symbol

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

  1. 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

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
  2. 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

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
  3. Hey cool, danke Beat. Hat mir sehr geholfen!