Tabellen Teil 2

Wenn ihr mehr mit Tabellen gemacht habt, werdet ihr sehen, irgendwann reicht ein normale Tabelle nichtmehr aus... vielleicht sollte einmal in einer Zeile 2 Zellen und dann in der nächsten Zeile 3 Zellen sein oder Ähnliches. Aber wie stell ich das jetzt am Besten an. Um Zellen zu verbinden gibt es im groben 2 Befehle:

colspan="anzahl"
rowspan="anzahl"

Welches System steckt da dahinter.. eigentlich ist es ganz einfach: da COL die Abkürzung von COLLUM (also Spalte) ist.. verbindet COLSPAN Spalten miteinander. Rowspan hingegen, wie der Name schon sagt, verbindet Zeilen. Im groben würde das etwa so aussehen:

colspan:

<table border="1">
<tr><td colspan="2">Ich bin die oberste Zeile</td>
</tr>
<tr><td>Ich bin die Zelle links unten!</td>
<td>Und ich bin die Zelle Rechts unten</td> </table>

Ich bin die oberste Zeile
Ich bin die Zelle links unten! Und ich bin die Zelle Rechts unten

rowspan:

<table border="1">
<tr><td rowspan="2">Ich bin die linke Spalte!</td>
<td>Ich bin in der ersten Zeile.</td>
</tr>
<tr><td>Ich bin eigentlich in der 2ten Zeile.</td>
</tr></table>

Ich bin die linke Spalte! Ich bin in der ersten Zeile.
Ich bin eigentlich in der 2ten Zeile.


Natürlich kann ich nicht einfach sagen, och ich mach hier jetztn colspan und hiern rowspan hin.. Das würde ja alles miteinander nicht funktionieren. Vielleicht ist euch ja aufgefallen dass bei beiden Versionen irgendwo zumindest ein TD weggefallen ist. Je höher der Wert des colspans/rowspans desto mehr td's fallen weg. Also hätten wir im einen Beispiel z.B. eigentlich 3 Spalten, würde colspan=3 sein und es würde in der ersten Zeile (tr) kein weiteres td mehr vorkommen... was natürlich nicht heißt, dass es nicht trotzdem da sein könnte. Einfach mal ausprobieren und ihr kommt schon drauf.

Versucht gleich mal diese Tabelle zu coden. Mit etwas Überlegung kommt ihr da schon drauf. Ihr könnt das natürlich dann auch bei Layouts und so weiter anwenden. Obwohl ihr es euch einfacher machen könnt, wenn ihr einfach Tabellen verschachtelt, da es seinkann das die beiden Befehle ab und an Probleme bereiten (und dann ist rumtüfteln angesagt *lol*).