Kapitel 4 - Sektion 3: Zellen über mehrere Zeilen oder Spalten

Ab und zu kommt es vor, dass eine Zelle über mehrere Spalten gehen muss oder Zeilen gehen muss. hier gibt es für der <td>-Tag die Attribute rowspan="Wert" und colspan="Wert". Wobei der Wert die Anzahl der Zeilen (rowspan) bzw. Spalten (colspan), über die die Zelle gehen soll, angibt.

Des weiteren werden die übrigen Zellen von rechts nach links und von oben nach unten dargestellt, oben nach unten durch unterschiedliche <tr>.

Schaut man sich beispielsweise diesen Quelltext an, erkennt man, dass die Zelle oben links zwei Spalten, und die rechte Zelle in der mittleren in die untere Spalte geht:

<table border> <tr> <td colspan="2">Eine Zelle über zwei Spalten</td> <td>Eine normale Zelle</td> </tr> <tr> <td>Eine normale Zelle</td> <td>Eine normale Zelle</td> <td rowspan="2">Eine Zelle über zwei Zeilen</td> </tr> <tr> <td>Eine normale Zelle</td> <td>Eine normale Zelle</td> </tr> </table>

Das ganze sieht dann wie folgt aus:

Eine Zelle über zwei Spalten		Eine normale Zelle
Eine normale Zelle	Eine normale Zelle	Eine Zelle über zwei Zeilen
Eine normale Zelle	Eine normale Zelle