Table a lÂ’interieur
Comment créer des tables à l'intérieur de colonnes de la table?
Comment faire pour contrôler l'espace entre les cellules d'une table?
Explication
Dans le tableau tableau
Plus d'une fois, nous serons en utilisant le tableau Dans la table. Maintenant, nous allons créer deux rangées de trois colonnes. La 2ème rang, 2e colonne sera divisé de nouveau à en une table avec deux lignes, deux cols. De plus, nous allons utiliser les attributs cellpadding et cellspacing à la table de l'espace.
Exemple Code:
<table border=1 width=80% height=30% align=center cellpadding=1 cellspacing=1>
<tr height=30%>
<td>
Première rangée
</td>
<td>
Première rangée
</td>
<td>
Première rangée
</td>
</tr>
<tr height=70%>
<td>
Deuxième rangée
</td>
<td >
<table bgcolor=yellow border=1 width=80% height=80%>
<tr >
<td> Inner Tableau </td>
<td> Inner Tableau </td>
</tr>
<tr >
<td> Inner Tableau </td>
<td> Inner Tableau </td>
</tr>
</table>
</td>
<td>
Deuxième rangée
</td>
</tr>
</table>
Résultat: | Première rangée | Première rangée | Première rangée |
| Deuxième rangée | | Tableau intérieur | Tableau intérieur | | Tableau intérieur | Tableau intérieur |
| Deuxième rangée |
Cellpadding et cellspacing
L'espace et le rembourrage peut être contrôlé en utilisant les attributs cellpadding et cellspacing.
Usage:
<table border=0 bgcolor="#776655" width=80% height=150 align=center
cellpadding=0 cellspacing=0>
Le tableau ci-dessus peut être rendue plus élégant en changeant les couleurs et les frontières et le contrôle cellspacing et cellpadding.
Résultat: | Première rangée | Première rangée | Première rangée |
| Deuxième rangée | | Deuxième rangée |