Rainer: String vertikal anzeigen

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

  1. @@Rainer:

    es soll angezeigt werden:

    T
    e
    s
    t

    Ist das mit CSS lösbar

    Noch nicht.

    Live long and prosper,
    Gunnar

    --
    “New Jersey Hall of Fame? […] But then I ran through the list of names: Albert Einstein, Bruce Springsteen... my mother's going to like that. […] it's the only time she's going to hear those two names mentioned in the same sentence, so I'm going to enjoy it.” (Bruce Springsteen when inducted into the New Jersey Hall of Fame, 2008-05-04)
    1. 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

      1. 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.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
        1. [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

          --
          When the limos return for their final review, it's all thru'
          - all they can see is the morning goo.
          "There's no-one left alive - must be draw."
          So the Blackcap Barons toss a coin to settle the score.
          ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|]
          1. 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