hi
Wie setze ich die Befehl colspan, rowspan, cellpadding und cellspacing in CSS um?
cellspan, rowspan bleibt erhalten (vorerst)
cellpadding ist das padding der zellen.. also td{padding:0px;} oder so
cellspacing heißt in CSS border-spacing.
Außerdem merke ich immer mehr, wie schwachsinnig es ist, alle Formatierungen, etc. nur noch mit CSS durchzuführen.
Habe ich z.B. so eine Tabelle:
<table bgcolor="#000000" border="0">
<tr>
<td width="60%" rowspan="2" bgcolor="#0000FF">
<td width="40%" bgcolor="#0000FF">
</tr>
<td width="40%" bgcolor="#FF0000">
</tr>
</table>
Wie setze ich das in CSS um? Jetzt muss ich für jeden einzelnen TD-Tag sowie den TABLE-Tag eine eigene Klasse definieren und diese in eine CSS-Datei schreiben. Das ist doch viel umständlicher, als die ganzen Befehl direkt in die Tags zu schreiben!
DAS geht jetzt sau einfach. Geben wir der Tabelle mal die id="tab" (wirklich nichts sonst!!)
#tab{background-color:#000;border-width:0px;}
#tab tr td{background-color:#F00;width:40%;}
#tab tr:first-child td{background-color:#00F;width:60%;}
#tab tr:first-child td:first-child{background-color:#00F;width:40%;}
ok, für den IE wird das schwerer... Aber, wenn du hunderte solcher Tabellen in deinen projekt hast, ist das in einiges einfacher!
Darf man vielleicht zwei class-Anweisungen in einen Tag schreiben, das wäre manchmal hilfreich.
class="kl1 kl2 kl3" so viele, wie du willst
gruss Kai