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 | | Second Row |