Thorsten F.: Senkrechte Schrift

Hallo Leute,
folgendes Problem:
Ich will einen Text in einem HTML-Dokument (generiert durch xsl) senkrecht darstellen.
Nun habe ich auch etwas gefunden: filter: fliph() flipv().

Nur wenn ich das dann einsetze, passiert gar nichts.
Muss ich den writing-mode Befehl noch zusätzlich einsetzen?

Der Code dazu sieht so aus:
<span style="font-family:Arial; font-size:14.0pt; font-weight:bold; writing-mode: tb-rl; filter:FlipH() FlipV();">ALL</span>

Gruß,
Thorsten

  1. Hi Thorsten,

    Ich will einen Text in einem HTML-Dokument (generiert durch xsl) senkrecht darstellen.
    Nun habe ich auch etwas gefunden: filter: fliph() flipv().

    Du meinst FlipH() und FlipV()?

    (1) Wie willst du mit Spiegelungen eine Drehung um 90° machen?

    (2) Du weißt, dass die Filter nur für Bilder wirken?

    (3) Du weißt, dass die Filter Microsoft-proprietär sind?

    Muss ich den writing-mode Befehl noch zusätzlich einsetzen?

    Das ist kein Befehl, sondern eine CSS-Eigenschaft. Und auch die wird bislang IIRC nur vom IE umgesetzt.

    Für andere Browser kommst du um eine Textgrafik wohl nicht drumrum.

    Gruß,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. (2) Du weißt, dass die Filter nur für Bilder wirken?

      Ne, das stimmt so nicht.
      Habe das schon mal mit Text hinbekommen, allerdings habe ich die Seite/Code verschlört/gelöscht, so dass ich jetzt nicht mehr weiß, wie genau ich das gemacht habe.

      War auf alle Fälle was mit den Filtern und mit writing-mode.

      Gruß,
      Thorsten

  2. Hallo Leute,
    folgendes Problem:
    Ich will einen Text in einem HTML-Dokument (generiert durch xsl) senkrecht darstellen.
    Nun habe ich auch etwas gefunden: filter: fliph() flipv().

    Nur wenn ich das dann einsetze, passiert gar nichts.
    Muss ich den writing-mode Befehl noch zusätzlich einsetzen?

    Der Code dazu sieht so aus:
    <span style="font-family:Arial; font-size:14.0pt; font-weight:bold; writing-mode: tb-rl; filter:FlipH() FlipV();">ALL</span>

    Gruß,
    Thorsten

    Also:
    so funktioniert es. Schrift um 90° gedreht und von unten nach oben:

    writing-mode: tb-rl; filter: flipv fliph;

    Gruß,
    Thorsten F.

    1. Hallo,
      vieleicht hilft das ein bisschen weiter:
      http://www.styleassistant.de/tips/tip78.htm
      Gruß Phillip

    2. Hi Thorsten,

      Also:
      so funktioniert es.

      Wohl kaum. Hast du mal in irgendeinem anderen Browser als dem IE getestet?

      Gruß,
      Gunnar

      --
      „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)