Innere Tabellen

Wie kann ich Tabellen innerhalb von Spalten?
Wie kann ich den Raum zwischen Tabelle-Zellen kontrolieren?

Erklärung

Tabelle in einer Tabelle


Oft werden wir eine Tabelle in einer anderen Tabelle brauchen. Jetzt werden wir 2 Zeilen mit 3 Spalten erstellen.Die zweite Zeile und zweite Spalte werden nochmal gespaltet. in einer Tabelle mit 2 Zeilen, und 2 Spalten.Wir werden die Attribute cellpadding und cellspacing verwenden, um den Raum in der Tabelle zu verwalten.
Beispiel

Example Code


<table border=1 width=80% height=30% align=center cellpadding=1 cellspacing=1>
<tr height=30%>
<td>
First Row
</td>
<td>
First Row
</td>
<td>
First Row
</td>
</tr>
<tr height=70%>
<td>
Second Row
</td>
<td >
<table bgcolor=yellow border=1 width=80% height=80%>
<tr >
<td> Inner Table </td>
<td> Inner Table </td>
</tr>
<tr >
<td> Inner Table </td>
<td> Inner Table </td>
</tr>
</table>

</td>
<td>
Second Row
</td>
</tr>
</table>

Ergebnis:
First Row First Row First Row
Second Row
Inner Table Inner Table
Inner Table Inner Table
Second Row

Cellpadding und Cellspacing


Der Raum und padding kann durch den Attributen cellpadding und cellspacing kontrolliert werden.
Gebrauch:
<table border=0 bgcolor="#776655" width=80% height=150 align=center cellpadding=0 cellspacing=0>
Die Tabelle von oben kann elegant gemacht werden, indem man die Farben und Rahmen önder und controlling cellspacing and cellpadding kontrolliert.
Ergebnis:
First Row First Row First Row
Second Row
1 2
3 4
Second Row