Yuvi: Tabelle mit unterstrichenen Zeilen

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.

  1. Hallo Yuvi,

    <table cellpadding="0" cellspacing="0" border="0" rules="rows">

    Lass die die Einstellungen fuer cellpadding und -spacing weg. rules bringt in deinem Fall auch nichts und border auch nicht.

    Das align="center" kannst du direkt im CSS mit text-align machen, table table bedeutet Tabelle, die in einer Tabelle steht, was vielleicht nicht das ist, was du wolltest.

    Gruß,

    Dieter

    1. Hallo Dieter,

      Danke !!! Jetzt siehts auch im IE ansprechend aus !

      Genau so wollte ich es haben !!!

      Danke nochmals !