Toutela - HTML - Tableau - Hauteurs (height)

Pour mettre en page vos présentation, l'utilisation des tableaux est fortement recommandée, mais encore faut-il parfois donner la hauteur de vos tableaux, voir de vos cellules.

Exemple :

Exemple 1

Ce tableau a une hauteur représentant 50% de la page qui l'accueille

Exemple 2

Cette cellule représente 50% de la hauteur du tableau

Cette cellule représente 25% de la hauteur du tableau

Exemple 3

Ce tableau fait 100 pixels de haut.

Exemple 4

Cette cellule fait 50 pixels de haut.	Soit un tableau de 150 pixels et non 100 comme on pourrait s'y attendre.
Cette cellule fait aussi 50 pixels de haut.
Cette cellule fait aussi 50 pixels de haut.

Exemple 5

Cette cellule devrait représenter 50% du tableau

Cette cellule devrait représenter 25% du tableau

Cette cellule devrait représenter 12% du tableau

Le code :

Entre <HEAD> et </HEAD> :

Entre <BODY> et </BODY> :

Exemple 1
<table border="1" height="50%">
<tr>
<td>Ce tableau a une hauteur représentant 50% de la page qui l'accueille</td>
</tr>
</table>

Exemple 2
<table border="1" height="100%">
<tr>
<td height="50%">Cette cellule représente 50% de la hauteur du tableau</td>
</tr>
<tr>
<td height="25%">Cette cellule représente 25% de la hauteur du tableau</td>
</tr>
<tr>
<td height="25%">Cette cellule représente 25% de la hauteur du tableau</td>
</tr>
</table>

Exemple 3
<table border="1" height="100">
<tr>
<td>Ce tableau fait 100 pixels de haut.</td>
</tr>
</table>

Exemple 4
<table border="1" height="100">
<tr>
<td height="50">Cette cellule fait 50 pixels de haut.</td>
<td rowspan="3">Soit un tableau de 150 pixels et non 100 comme on pourrait s'y attendre.</td>
</tr>
<tr>
<td height="50">Cette cellule fait aussi 50 pixels de haut.</td>
</tr>
<tr>
<td height="50">Cette cellule fait aussi 50 pixels de haut.</td>
</tr>
</table>

Exemple 5
<table border="1" width="100%">
<tr>
<td width="50%">Cette cellule devrait représenter 50% du tableau</td>
<td width="25%">Cette cellule devrait représenter 25% du tableau</td>
<td width="12%">Cette cellule devrait représenter 12% du tableau</td>
</tr>
</table>

Newsletter

Toutela