Vertikaler Text mit (X)HTML/CSS

[Gixxa]

Guten Morgen,

also ich möchte gerne ein Menü machen was an sich kein problem ist. So nun soll es aber nicht Horizontal verlaufen sondern Vertikal. Was ich damit Meine ist das:

Horizontal:

Ich bin ein Text

Vertikal:

I
c
h

b
i
n

usw.

Gibt es da eine möglichkeit das mit CSS oder html zu erreichen? Ich habe bis jetzt schon mal ein wneig google genutzt und dort finde ich das es angeblich nur CSS3 kann nun ist aber die Frage wann soll das zirka raus kommen? Ich habe teilweise Seiten aus 2000 gefunden wo es heißt das man auf CSS3 waren muss.

 

[Silvio]

AW: Vertikaler Text mit (X)HTML/CSS

Klar geht das. Du kannst ja den Text in einen Container oder <p>-Element packen und dem eine Breite geben, die maximal einen Buchstaben zulässt.

 

[fexx]

AW: Vertikaler Text mit (X)HTML/CSS

du wirst aber nicht drum rumkommen, dass du die einzellnen buchstaben auch im code trennen musst ... sonst wird der text nämlich nicht getrennt ;-)
Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

 

[aliasltb]

AW: Vertikaler Text mit (X)HTML/CSS

Klar geht das. Du kannst ja den Text in einen Container oder <p>-Element packen und dem eine Breite geben, die maximal einen Buchstaben zulässt.

Dazu muss man aber zwischen jedem Buchstaben ein Leerzeichen setzen, sonst ragt das jeweilige Wort über den Rand hinaus. Und das möchte Gixxa glaube ich nicht machen (bläht ja nur unnötig den Quellcode auf und ist unschön).

Ich vermute mal, dass jedes einzelne Zeichen zusammen hängend geschriebener Wörter erkannt und untereinander dann ausgegeben werden soll, oder?

 

[Gixxa]

AW: Vertikaler Text mit (X)HTML/CSS

Genau es sollen 3 Wörter untereinander sein kann aber sein das es sich erledigt hat da ich dem Kunden eine änderung am Design vorgeschlagen habe damit man diese 3 punkte in die Haupt Navigationsbar einbaut was meiner meinung nach auch sinvoller und schöner ist. Vorallem was Quellcode angeht da spart man sich extrem viel.

 

[Silvio]

AW: Vertikaler Text mit (X)HTML/CSS

Dazu muss man aber zwischen jedem Buchstaben ein Leerzeichen setzen, sonst ragt das jeweilige Wort über den Rand hinaus.

Davon bin ich ausgegangen

 

[fexx]

AW: Vertikaler Text mit (X)HTML/CSS

Genau es sollen 3 Wörter untereinander sein kann aber sein das es sich erledigt hat da ich dem Kunden eine änderung am Design vorgeschlagen habe ...

zumal ich das ziemlich unleserlich fände ... ;-)

 

[aliasltb]

AW: Vertikaler Text mit (X)HTML/CSS

Mich würde eher ne Variante interessieren (außer CS3, da weiß ich dass das geht) wie man ganze Worte um 90° drehen kann. Das wäre manchmal echt interessant!

 

[fexx]

AW: Vertikaler Text mit (X)HTML/CSS

Mich würde eher ne Variante interessieren (außer CS3, da weiß ich dass das geht) wie man ganze Worte um 90° drehen kann. Das wäre manchmal echt interessant!

ich denke die hast dir schon selber die antwort gegeben ... ich wüsste keine andere möglichkeit außer css3 oder bild