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,

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

    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é