Yuvi: Tabelle mit unterstrichenen Zeilen

Beitrag lesen

Hallo,

Also ich versuch derzeit eine Tabelle in HTML zu machen. Die Tabelle soll folgende Form haben :
Code:

Text 1          Text 2          Text 3
-------       ---------        --------

Diese gepunkteten Linien unter dem Text bei Tabellen kann man anscheinend nur mit CSS machen.

Und da fängt der Ärger an :
Mein CSS sieht so aus :

<style type="text/css">
           table table {
           border-collapse:collapse;}

td.spalte {
          border-width:2px 0;
          border-style: dotted;
          border-color:black;}
</style>

eingefügt in HTML :

<table cellpadding="0" cellspacing="0" border="0" rules="rows">
<tr>
<td width="200" align="center" class="spalte">Text1</td>
<td width="200" align="center" class="spalte">Text2</td>
<td width="200" align="center" class="spalte">Text3</td>
</tr>
</table>

In Firefox, Mozilla sieht es alles toll aus.
In Konqueror und vor allem im Internet Explorer siehts leider sehr kacke aus.

Vielleicht weiss jemand von euch, wie mans besser macht, so dass es zumindest auf IE und Firefox/Mozilla einigermaßen gleich aussieht.