Kai Lahmann: Meine Programmiertechnik auf einen Standard bringen, aber wie?

Beitrag lesen

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