Benjamin Wilfing: Vertikale Schriftausrichtung in einer Tabelle

Hallo,

ich habe ein Problem: ich will in einer Tabelle eine Spalte auf der linken Seite machen, in der der Text nicht horizontal, sondern vertikel (von unten nach oben zu lesen) steht. Ich meine, daß ich es schon mal in CSS gesehen hätte, daß das möglich ist. Wäre nett, wenn mir jemand helfen könnte :-)

mfG Benjamin

  1. Hallo,

    ich habe ein Problem: ich will in einer Tabelle eine Spalte auf der linken Seite machen, in der der Text nicht horizontal, sondern vertikel (von unten nach oben zu lesen) steht. Ich meine, daß ich es schon mal in CSS gesehen hätte, daß das möglich ist. Wäre nett, wenn mir jemand helfen könnte :-)

    mfG Benjamin

    Hallo Benjamin,

    ich habe auch nichts gefunden, aber versuch doch mal, ob du es mit <br> untereinander kriegst !! Müsste funktionieren !!

    P.S. ich weiss dass das nicht die beste Variante ist !

    mfg

    killingkermit

    1. ich habe auch nichts gefunden, aber versuch doch mal, ob du es mit <br> untereinander kriegst !! Müsste funktionieren !!

      vielen dank :-). der text sollte aber 90 grad gedreht sein, nicht untereinander. dann werde ich wohl doch eine grafik erstellen müssen - auch wenn's mir nicht passt :-(

      mfG Benjamin

  2. Hallo,

    Moin!

    Ich meine, daß ich es schon mal in CSS gesehen hätte, daß das möglich ist.

    Nein, hast du nicht gesehen.

    - Sven Rautenberg

  3. Hallo Benjamin,

    ich habe ein Problem: ich will in einer Tabelle eine Spalte auf der linken Seite machen, in der der Text nicht horizontal, sondern vertikel (von unten nach oben zu lesen) steht. Ich meine, daß ich es schon mal in CSS gesehen hätte, daß das möglich ist. Wäre nett, wenn mir jemand helfen könnte :-)

    In CSS 3 wird da einiges ausgebruetet. Da gibt es einmal die Sache mit der Textrichtung, wo es kuenftig auch moeglich sein wird, "von oben nach unten" oder "von unten nach oben" angeben kann.
    http://www.w3.org/TR/2001/WD-css3-text-20010517/#PrimaryTextAdvanceDirection
    Ferner gibt es die Eigenschaft glyph-orientation-vertical
    http://www.w3.org/TR/2001/WD-css3-text-20010517/#GlyphOrientation

    Aber das ist alles noch Zukunftsmusik ... oder ist es schon irgendwo implementiert?

    viele Gruesse
      Stefan Muenz

  4. Hallo,

    ich habe ein Problem: ich will in einer Tabelle eine Spalte auf der linken Seite machen, in der der Text nicht horizontal, sondern vertikel (von unten nach oben zu lesen) steht. Ich meine, daß ich es schon mal in CSS gesehen hätte, daß das möglich ist.

    writing-mode soll erst in CSS3 enthalten sein. Der IE (5.5/6) greift da schon etwas vor:

    <p style="writing-mode: tb-rl; width: 20px">Testtext</p>

    In SVG ist diese Style-Definition bereits verfuegbar:

    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
     "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
    <svg>
      <text x="20px" y="100px" style="fill: #FF0000; font-size: 14px; writing-mode: tb-rl">Testtext</text>
    </svg>

    MfG, Thomas

  5. Hallo, Benjamin,

    Ich meine, daß ich es schon mal in CSS gesehen hätte, daß das möglich ist.

    Ich hab's schon mal hier gesehen, und zwar mit Microsoft Filtern im Stylesheet:

    http://webfx.nu/

    Und zwar ging das so:

    Skript im HTML-Dokument:

    if (ie && document.body.currentStyle && document.body.currentStyle.writingMode != null)
    // IE55+
    document.write("<div id='webfx-about'>Page designed and maintained by "
    +"<a href='mailto:erik@eae.net'>Erik Arvidsson</a> & "
    +"<a href='mailto:eae@eae.net'>Emil A Eklund</a>.</div>");

    Stylesheet:

    #webfx-about {
    position: absolute;
    background: white;
    top: 102px;
    right: 10px;
    width: 20px;
    writing-mode: tb-rl;
    filter: flipH() flipV() alpha(opacity=50);
    }

    Grüße,

    Sebastian

    1. Hallo, Benjamin,

      schau doch auch mal hier und lad Dir die Beispiele herunter:

      http://www.elementkjournals.com/asp/0105/asp0151.htm

      Viel Spaß, Grüße,

      Sebastian