String vertikal anzeigen
Rainer
- css
Hallo,
(PHP) $string = "Test"; echo"$string";
es soll angezeigt werden:
T
e
s
t
Ist das mit CSS lösbar oder muss ich den String trennen und <br />'s einfügen?
Gruß Rainer
@@Rainer:
es soll angezeigt werden:
T
e
s
tIst das mit CSS lösbar
Live long and prosper,
Gunnar
Danke, aber hätte ja sein können ;-).
Also doch den String trennen und <br />'s einfügen. Mist.
Man kann eben nicht alles haben.
Gruß Rainer
Lieber Rainer,
Also doch den String trennen und <br />'s einfügen. Mist.
oder jeden Buchstaben in ein <span> einfangen, um diese dann entsprechend zu formatieren - mit CSS. Also etwas dieser Art:
<p class="banner">
<span>S</span>
<span>E</span>
<span>N</span>
<span>K</span>
<span>R</span>
<span>E</span>
<span>C</span>
<span>H</span>
<span>T</span>
</p>
Ingo Turski hatte meines Wissens sowas schonmal gemacht.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
[latex]Mae govannen![/latex]
Also doch den String trennen und <br />'s einfügen. Mist.
oder jeden Buchstaben in ein <span> einfangen, um diese dann entsprechend zu formatieren - mit CSS.
Wenn man den String eh' ändern darf, dann geht's auch so:
<span class="abc">S E N K R E C H T</span>
span.abc {
display: block;
width: 0.9em;
background-color: yellow;
}
Wenn ich das bei mir teste, wird es von Opera, IE und FF wie gewünscht dargestellt, allerdings hab ich es nicht großartig auf Stabilität geprüft.
Cü,
Kai
Moin.
<span class="abc">S E N K R E C H T</span>
span.abc {
display: block;
width: 0.9em;
background-color: yellow;
}
Da du aber nicht weißt, welche Mindestbreite ein einzelnen Zeichen in der entsprechenden Schriftart besitzt (du hast willkürlich den Wert 0.9em angenommen), ist vermutlich das folgende eine bessere Lösung:
~~~html
<div style="width:0;overflow:visible;">v e r t i k a l</div>
Christoph