Schrift um 90 Grad rotieren

[Detlef Klöß]

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öß

[Cheatah]

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

[Gunnar Bittersmann]

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

[Sebastian Becker]

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

[Gunnar Bittersmann]

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

[Thomas Meinike]

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

[Sebastian Becker]

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

[...]

[MudGuard]

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

[Sebastian Becker]

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

[Gunnar Bittersmann]

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

[mipu]

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