1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Vertikaler Text

  • Carsten_H1
  • 21. Oktober 2008 um 12:19
  • Carsten_H1
    Anfänger
    Beiträge
    4
    • 21. Oktober 2008 um 12:19
    • #1

    Ist es möglich, einen Text auch Vertikal, also um 90 Grad gedreht, zu formatieren. Ich hab schon überall versucht was zu finden, aber habe bis jetzt noch nichts gefunden. Ist egal ob CSS,PHP oder HTML.

    Wäre super wenn mir einer weiterhelfen könnte.

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 21. Oktober 2008 um 12:44
    • #2

    meinst du vertical-align ?

    oder willst du vertikal schreiben ?

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 21. Oktober 2008 um 13:07
    • #3

    Für vertikalen Text gibt es m.W. keine CSS-Lösung.
    Alternativen:

    Vertikalen Text als Grafik abspeichern und einbinden.
    Oder nach jedem Buchstaben einen Zeilenumburch, das ganze innerhalb eines schmalen Elements:

    Code
    T<br>
    e<br>
    x<br>
    t



    Nachteil beider Lösungen: Nicht für Suchmaschinen geeignet.

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • sudeki05
    König(in)
    Reaktionen
    1
    Beiträge
    1.435
    • 21. Oktober 2008 um 13:07
    • #4

    driver, er meint schon vertikal schreiben, leider kann ich dir dabei aber auch nicht helfen, habe ich bislang auch noch nie gesehen.

    sejuma: das wäre ja nicht um 90° gedreht, aber wohl die einzige Lösung (abgesehen von Grafiken)

    [Blockierte Grafik: http://www.publicons.de/my/pub__163,858,892,308_2.png]
    Problems with Windows? - Reboot
    Problems with UNIX? - Be Root

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 21. Oktober 2008 um 13:13
    • #5

    ok, also des klappt erst (angeblich) in css3.
    aber die meisten browser unterstützen grad so css2...

    von daher....naja... hier wär mal n link http://www.w3.org/TR/2001/WD-css…dvanceDirection

    ansonsten hab ich mal den begriff "vertical-ideographic" aufgeschnappt.
    vielleicht kannst ja danach mal googln :|

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Bandit
    Gast
    • 21. Oktober 2008 um 13:30
    • #6

    Wie schon richtig erwähnt, per CSS geht das (noch) nicht, aber mit PHP ist das simple:

    PHP
    <?php
    
    
       function myPrint($var)
       {
           echo $var . "<br>\n";
       }
    
       $string = "Hallo Welt";
    
       array_map("myPrint", str_split($string));
    ?>
    Alles anzeigen
  • Carsten_H1
    Anfänger
    Beiträge
    4
    • 21. Oktober 2008 um 17:12
    • #7

    Vielen Dank für die Antworten, aber bin noch nicht viel weitergekommen.

    Das mit dem PHP script hat nicht wirklich geklappt.

    Hab zufällig was für CSS gefunden:

    Code
    style="writing-mode: tb-rl"

    Funktioniert aber leider nur bei IE und bei zB Firefox wird der Text nur ganz normal angezeigt.

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 21. Oktober 2008 um 17:30
    • #8

    damit des php klappt musst auch die datei in *.php umbenennen.
    außerdem läuft das ganze nur auf einem webserver, also nicht bei dir lokal.

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Carsten_H1
    Anfänger
    Beiträge
    4
    • 21. Oktober 2008 um 18:20
    • #9

    Das war mir schon klar, bin nicht ganz dumm :)

    Aber hat trotzdem nicht geklappt, zeigt Fehler in der letzten Zeile an.

    Bei array_map("myPrint", str_split($string));

    Kenn mich nicht so besonders gut aus mit PHP.

  • Bandit
    Gast
    • 21. Oktober 2008 um 21:32
    • #10
    Zitat von Carsten_H1

    zeigt Fehler in der letzten Zeile an.


    Und jetzt stellen wir uns vor, du würdest die Fehlermeldung posten, und wir könnten dir dann vielleicht helfen. Leider können wir uns das nur vorstellen...

Tags

  • www
  • browser
  • ie
  • link
  • http
  • text
  • grafik
  • vertikal
  • code
  • org
  • php
  • datei
  • welt
  • ts
  • suchmaschine
  • suchmaschinen
  • driver
  • webserver
  • css
  • align
  • hallo welt
  • lokal
  • css3
  • primary

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™