Detlef Klöß: Schrift um 90 Grad rotieren

Hallo,

gibt es eine Möglichkeit, eine Schrift um 90 Grad rotieren zu lassen?

Aktueller Hintergrund:
Ich habe eine Tabelle mit vielen Spalten und ich möchte die Spaltenüberschrift Hochkant darstellen, um platz zu sparen.

Detlef KLöß

  1. Hi,

    gibt es eine Möglichkeit, eine Schrift um 90 Grad rotieren zu lassen?

    nein, immer noch nicht. Und wenn es sie gäbe, dann ganz sicher bei CSS und nicht bei HTML.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. gibt es eine Möglichkeit, eine Schrift um 90 Grad rotieren zu lassen?

      nein, immer noch nicht. Und wenn es sie gäbe, dann ganz sicher bei CSS und nicht bei HTML.

      Genauer bei CSS3 Text Module §3.3

      Aktueller Hintergrund:

      Mit „aktuell“ íst da nichts zu machen.
      Gunnar

      --
      „Solang wir noch tanzen können
      und richtig echte Tränen flennen,
      ist noch alles offen,
      ist noch alles drin.“
      (Gundermann)
  2. Hallo, Detlef,

    gibt es eine Möglichkeit, eine Schrift um 90 Grad rotieren zu lassen?

    versuch's mal mit ...

    writing-mode: tb-rl;

    Funktioniert im IE 5+, die Unterstützung durch andere Browser nusst Du mal testen ...

    http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/writingmode.asp
    http://www.styleassistant.de/tips/beispiel78.htm

    Grüße,

    Sebastian

    1. Sebastian,

      writing-mode: tb-rl;

      Funktioniert im IE 5+, die Unterstützung durch andere Browser nusst Du mal testen ...

      Warum sollten Browser damit die _Schrift_ drehen? Davon finde ich nichts in CSS3 Text Module §3.2

      Halte ich für ein Fehlverhalten des IE.

      Gunnar

      --
      „Solang wir noch tanzen können
      und richtig echte Tränen flennen,
      ist noch alles offen,
      ist noch alles drin.“
      (Gundermann)
      1. Hallo,

        Warum sollten Browser damit die _Schrift_ drehen? Davon finde ich nichts in CSS3 Text Module §3.2

        Halte ich für ein Fehlverhalten des IE.

        writing-mode: tb-rl; wird auch unter den mir gerade zur Verfuegung stehenden SVG-Implementierungen (Adobe SVG Viewer, Corel SVG Viewer und Batik Squiggle) wie im IE 5.5/6.0 dargestellt.

        MfG, Thomas

      2. Hallo, Gunnar,

        Warum sollten Browser damit die _Schrift_ drehen? Davon finde ich nichts in CSS3 Text Module §3.2

        Halte ich für ein Fehlverhalten des IE.

        Das ist so nicht ganz richtig. "writing-mode" ist Teil der Extensible Stylesheet Language (XSL) Version 1.1 (s.u.), die offenbar schon ansatzweise vom IE unterstützt wird ...

        Grüße,

        Sebastian

        http://www.w3.org/TR/2003/WD-xsl11-20031217/

        7.27.7 "writing-mode"
        XSL Definition:

        Value:  lr-tb | rl-tb | tb-rl | lr | rl | tb | inherit
        Initial:  lr-tb

        [...]

        Values have the following meanings:

        [...]

        tb-rl
        Inline components and text within a line are written top-to-bottom. Lines and blocks are placed right-to-left.

        Note:
        Typically, this writing mode is used in Chinese and Japanese text.

        Establishes the following directions:
        inline-progression-direction to top-to-bottom
        block-progression-direction to right-to-left
        shift-direction to left-to-right

        [...]

        1. Hi,

          Warum sollten Browser damit die _Schrift_ drehen? Davon finde ich nichts in CSS3 Text Module §3.2

          Halte ich für ein Fehlverhalten des IE.

          Das ist so nicht ganz richtig. "writing-mode" ist Teil der Extensible Stylesheet Language (XSL) Version 1.1 (s.u.), die offenbar schon ansatzweise vom IE unterstützt wird ...
          http://www.w3.org/TR/2003/WD-xsl11-20031217/

          Wenn ich das beim Überfliegen richtig mitgekriegt habe, legt der writing-mode fest, ob das folgende Zeichen links oder rechts vom bzw. über oder unter  dem aktuellen Zeichen steht. Von einer Zeichenrotation seh ich da nichts - dafür gibt es glyph-orientation-horizontal und glyph-orientation-vertical.
          Egal ob in xsl1.1 oder CSS 3.

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
          1. Hallo, Andreas,

            Wenn ich das beim Überfliegen richtig mitgekriegt habe, legt der writing-mode fest, ob das folgende Zeichen links oder rechts vom bzw. über oder unter  dem aktuellen Zeichen steht. Von einer Zeichenrotation seh ich da nichts - dafür gibt es glyph-orientation-horizontal und glyph-orientation-vertical.
            Egal ob in xsl1.1 oder CSS 3.

            zugegeben, die Erklärungen sind nicht so ganz einleuchtend - entscheidend ist aber, daß "writing-mode: tb-rl" als CSS-Anweisung immerhin im Internet-Explorer funktioniert, "glyph-orientation-vertical:90" funktioniert aber in keinem mir bekannten Browser.

            Eine kompatible Alternative wären übrigens Bilder, die man ggf. mit der GD-Bibliothek rendern könnte.

            Grüße,

            Sebastian

            1. Sebastian,

              entscheidend ist aber, daß "writing-mode: tb-rl" als CSS-Anweisung immerhin im Internet-Explorer funktioniert,

              Entscheidend ist, was der Standard sagt, nicht was der IE macht.

              "glyph-orientation-vertical:90" funktioniert aber in keinem mir bekannten Browser.

              Kann man auch nicht verlangen, dass UAs Spezifikationen umsetzen, die noch gar nicht verabschiedet sind.

              Gunnar

              --
              „Solang wir noch tanzen können
              und richtig echte Tränen flennen,
              ist noch alles offen,
              ist noch alles drin.“
              (Gundermann)
  3. Hallo,

    gibt es eine Möglichkeit, eine Schrift um 90 Grad rotieren zu lassen?

    Geht mal wieder nur in einem Browser, diesmal im IE. Woanders nada.

    http://www.ssi-developer.net/css/vertical-text.shtml

    http://www.c-blog.de/index.php/2004/11/12/vertikaler-text-mit-css/

    gruß mipu