Daniel: Spalten - vertikale Linie

Hallo,

ich will ein Text auf 3 Spalten verteilen. Dafür habe ich gedacht, am besten benutze ich eine Tabelle. Wie kriege ich dann eine vertikale Linie drin zwischen den Spalten?

Daniel

  1. Hallo,

    ich will ein Text auf 3 Spalten verteilen. Dafür habe ich gedacht, am besten benutze ich eine Tabelle. Wie kriege ich dann eine vertikale Linie drin zwischen den Spalten?

    Daniel

    HI Daniel,

    ganz einfach, die kehrst die üblichen Attribute der Linie einfach um.

    Eine horizontale Linie mit 100 Pixeln Länge und 2 Pixeln Höhe würde so aussehen:
    <HR SIZE="2" WIDTH="100">

    Wenn Du diese Linie vertikal ausrichten willst,sollte das Ganze folgerichtig so aussehen:
    <HR SIZE="100" WIDTH="2">

    Eine andere Möglichkeit wäre, Deine Tabelle einfach mit 5 anstatt mit 3 Spalten zu versehen, und in die zwei Tabellenfelder zwischen Deinen Textfeldern fügst Du eine
    vertikale Linie als Grafik ein.

    Gruss Jens

  2. Hi Daniel,

    am einfachsten: festen Pixelwert für die Breite der Tabelle festlegen (z.B. 600px) die Tabelle fünfspaltig machen, dann die zweite und vierte Spalte mit Hintergrundfarbe in der Farbe definieren, in der Du die Linien willst, die drei Textspalten auf eine feste Breite formatieren (z.B. 198px) und die beiden 'Linienspalten' ebenfalls (z.B. 3px). Dann noch einen Spacer (durchsichtiges GIF) mit der entsprechenden Linienbreite in den 'Linienspalten' einfügen.
    (funktioniert so wie angegeben natürlich nur, wenn cellspacing und cellpadding auf null gesetzt sind, aber sonst muß man halt ein bißchen mehr rechnen...)

    Grüße
    Stephan

  3. mal dir ein gif, daß eine vertikale linie ist, wie du es dir vorstellst. dann fügst du zwischen den textzellen extra zellen ein, wo du dann dieses gif einfügst. etwa so:

    <table>
    <tr>
    <td>dein text 1. teil</td>
    <td><img src=vertikalelinie.gif></td>
    <td>dein text 2. teil</td>
    </tr>
    </table>

    Hallo,

    ich will ein Text auf 3 Spalten verteilen. Dafür habe ich gedacht, am besten benutze ich eine Tabelle. Wie kriege ich dann eine vertikale Linie drin zwischen den Spalten?

    Daniel

  4. Hallo Daniel!

    ich will ein Text auf 3 Spalten verteilen. Dafür habe ich gedacht, am besten benutze ich eine Tabelle. Wie kriege ich dann eine vertikale Linie drin zwischen den Spalten?

    Versuche das mal. Sieht etwas kompliziert aus. Du bekommst aber so keine Probleme mit  cellpadding. Das wird nochmal extra durch eine Tabelle in den zellen definiert. Wenn man das in der "großen" Tabelle machen würde, würde das Einfluß auf die vertikalen Linien nehmen. So definierste Du  cellpadding nochmal durch eine "Extratabelle". cellpadding solltest Du einsetzen, weil sonst der Text an den vertikalen Linien anliegt, was unschön aussieht.

    Du mußt das natürlich noch auf Deine bedürfnisse anpassen, also die Pixel oder Prozentangaben.

    <table border="1" width="602" cellpadding="0" cellspacing="0">
    <tr>
    <td width="200">
    <table border="0" width="100%" cellpadding="10" cellspacing="0"><tr><td>

    Spalte 1  
      
    </td></tr></table>  
    </td>  
    <td width="1" bgcolor="#008000"><br></td>  
    
    <td width="200">  
    <table border="0" width="100%" cellpadding="10" cellspacing="0"><tr><td>  
      
    Spalte 2  
      
    </td></tr></table>  
    </td>  
    
    <td width="1" bgcolor="#008000"><br></td>  
    
    <td width="200">  
    <table border="0" width="100%" cellpadding="10" cellspacing="0"><tr><td>  
      
    Spalte 3  
      
    </td></tr></table>  
    </td>  
    

    </tr>
    </table>

    André