Tabelle mit CSS?

[Yooda]

Hallo,

ich bin gerade dabei, meine Seite von Tabellen zu befreien, und komplett auf css umzustellen.

Nun meine Frage...

Wie kann ich folgende Tabelle mit CSS Formatieren?
Die Tabelle wird nämlich dynamisch erstellt.



Wie bekomme sowas mit css hin?



Viele Grüsse

David

[Wurzel]

css ist nicht dazu da, tabellen zu ersetzen ... wenn du inhalt tabellearisch darstellen willst, ist eine tabelle auch das richtige mittel ... wenn du es partout mit divs machen willst, musst du floaten. ob das aber der wahre jakob ist, möchte ich mal bezweifeln.

[Yooda]

Hm, naja, nachdem ich mir css4you nochmal genauer durchgelesen habe, bin ich auch zu dem Ergebnis gekommen.
Jetzt ergibt sich noch ein zweites "Problem"...

Ich versuche die Tabelleninhalte mit CSS zu Formatieren.

Das sollte ungefähr so aussehen.

---------------------------------
| überschrift |
----------------------------------
| Wert1 Wert2 Wert3 |
| Wert1 Wert2 Wert3 |
----------------------------------

Allerdings klappt es nicht mit dem Padding...

Ich wende folgendes an:

.ttable{ // Tabelle gesamt
width: 550px;
BORDER-TOP: #000000 1px dashed;
BORDER-BOTTOM: #000000 1px dashed;
BORDER-LEFT: #000000 1px dashed;
BORDER-RIGHT: #000000 1px dashed;
BACKGROUND-COLOR: #EFEFEF;
padding: 2px 2px 5px 5px;
border-collapse:collapse;
}

.t_header{ // Tabellenkopf für Überschrift
BORDER-BOTTOM: #000000 1px dashed;
padding: 2px 2px 5px 5px;
}

##########################################
<table class="ttable">
<tr>
<td class="t_header" colspan="3">Überschrift</td>
</tr>
<tr>
<td width="33%">Wert1</td>
<td width="33%">Wert2</td>
<td width="33%">Wert3</td>
</tr>
</table>

Ergebnis ist:

Das Padding im Tabellekopf funktioniert einwandfrei.
In den darunterliegenden Zeilen ist kein Padding vorhanden.
Muss ich es etwa separat Definieren?

[Wurzel]

Original geschrieben von Yooda
Muss ich es etwa separat Definieren?

jepp ... du kannst ja td generell ein padding verpassen und tds ohne padding eine separate class zuweisen.