stefan: :after{content: "[Zeilenumbruch]" }

Hallo Miteinander,

ich beschäftige mich gerade mit den CSS Pseudo-Klassen :before und :after. Meine Frage: Kann man innerhalb des hierdurch erzeugten Contents auch Zeilenumbrüche darstellen?

Unicode-Tabellen hab ich schon ein paar gewälzt und dort die Masskierungen «\2028» und «\2029» gefunden, welche ja (meines Wissens nach) Zeilenumbrüche darstellen müssten, also als Code:

img:after{content:"\2028 Text Text Text";}

Im Mozilla 1.3 hatte ich damit jedoch keinen Erfolg, statt eines Zeilenumbruchs bekam ich ein «?». Als Font habe ich übrigens «Courier new» benutzt, was mich direkt zu meiner Anschlussfrage führt:

Welche (Standard-)Fonts sind überhaupt Unicode-Tauglich? Und braucht das verwendete HTML-Dokument eine bestimmte Zeichencodierung? Gibt es Probleme mit bestimmten Browsern (die :before und :after beherrschen)?

Fragen über Fragen. Ich freu mich über Antworten :)

Schöne Grüsse + schö
stefan

  1. Hi,

    ich beschäftige mich gerade mit den CSS Pseudo-Klassen :before und :after. Meine Frage: Kann man innerhalb des hierdurch erzeugten Contents auch Zeilenumbrüche darstellen?

    Hättest Du mal die Beschreibung zu content gelesen. Da steht nämlich drin, wie es geht:

    Authors may include newlines in the generated content by writing the "\A" escape sequence in one of the strings after the 'content' property. This inserts a  forced line break, similar to the BR element in HTML. See "Strings" and "Characters and case" for more information on the "\A" escape sequence.

    (siehe http://www.w3.org/TR/REC-CSS2/generate.html#propdef-content)

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
    1. Hallo Andreas,

      [...\A...]

      Danke! Habs grad mal ausprobiert, jedoch ohne Erfolg. Statt statt eines Zeilenumbruchs kam ein Leerzeichen :(

      (siehe http://www.w3.org/TR/REC-CSS2/generate.html#propdef-content)

      Dort werd ich mal weiter forschen.

      schö
      stefan

      1. Hi,

        Danke! Habs grad mal ausprobiert, jedoch ohne Erfolg. Statt statt eines Zeilenumbruchs kam ein Leerzeichen :(

        display könnte auch interessant für Dich sein.
        Bei mindestens einem der möglichen Werte ist ein "Zeilenumbruch" nach dem Element vordefiniert.

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
        1. Hallo,

          display könnte auch interessant für Dich sein.
          Bei mindestens einem der möglichen Werte ist ein "Zeilenumbruch" nach dem Element vordefiniert.

          Ach so.
          display:block beim <img>-Element. Wie dumm von mir :)
          Dankeschön.

          schö
          stefan