• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabellenzeile unterstreichen

Sunnyboy

Mitglied
Hallo zusammen

Ich versuche gerade eine Tabelle zu erstellen, die eine Zeile unterstreicht. Es ist mir jedoch nicht gelungen, die Ganze Zeile zu unterstreichen, da ich margin dazwischen habe das auch bleiben soll!

Der Codeausschnitt sieht so aus:
HTML:
<table>
   <tr id="bltabelle">
        <td><b>Blabla</b></td>
        <td><b>Blablabla</b></td>
        <td><b>jafvnakjnoj</b></td>
        <td><b>vnioojooa</b></td>
   </tr>
   <tr>
        <td><p>Bello</p></td>
        <td><p>Bello</p></td>
        <td><p>Bello</p></td>
        <td><p>Bello</p></td>
    </tr>
    <tr>
        <td><p>Vello</p></td>
        <td><p>Vello</p></td>
        <td><p>Vello</p></td>
        <td><p>Vello</p></td>
     </tr>    
</table>

entsprechend dazu im css-file:

HTML:
table { 
    margin-left: -20px;
    margin-right: -20px;
    border-spacing: 20px 0px;
}
tr {
    text-align: left;
    vertical-align: top;
}
table #bltabelle, table #bltabelle td
{
    border-bottom:1px groove #000;
}

Das Thema war schon mal ähnlich im Forum, aber da wurde leider nicht behandelt, wie man diese Linie durchzieht. Abgesehen davon, dass man einfach margin zurücksetzt.
Mit dem Tag <hr> ist auch nichts zu erreichen, der kommt dann jeweils oben an die Tabelle.

Ich hoffe es ist genug klar formuliert...
LG Sunnyboy
 
Zurück
Oben