Frage zu li:before (eigenen list-style definieren)

html.de-Forum HTML, XHTML & CSS
1

Ich würde gerne eigene Aufzählungszeichen für

  • definieren, ohne dafür Hintergrundbilder zu verwenden. Meine derzeitige Lösung sieht so aus:

    ul {
    list-style-type: none;
    }

    li:before {
    content: „\00BB \0020“;
    }

    Das macht mir zwar die Aufzählungszeichen die ich gerne hätte, hat aber den Nachteil, dass bei einem Zeilenumbruch die zweite Zeile direkt unter den Aufzählungszeichen beginnt. (Wie wenn man bei „normalen“ Aufzählungen list-style-position: inside verwendet.)
    Wie schaffe ich es, meine Aufzählungszeichen aus dem Textfluss herauszulösen? So dass die Zeichen immer links stehen und jede Textzeile dieselbe Einrückung hat.

    • 2

    list-style-image SELFHTML: Stylesheets / CSS-Eigenschaften / Listenformatierung

    3

    Dazu müsste ich dann ja ein Hintergrundbild verwenden. Gibts keine Möglichkeit das mit Text zu machen?

    4

    Oh, entschuldige, hatte ich halb überlesen, halb ignoriert.

    Was hier unter dem Abschnitt „Markers“ steht, sollte interessant sein.

    Edit: War das genau das, was du auch gefunden hattest? :wink: Ich sehe gerade, dass die dort auch \00BB \0020 verwenden.

    5

    Danke für den Hinweis. Die Seite kannte ich noch nicht.

    padding-left: 1em;
text-indent: -1em;

    für

      war das, was ich gesucht habe.
      Sehr gut ist auch, dass man auf diese Art die Farbe der Aufzählungszeichen unabhängig von der Textfarbe definieren kann.