Toutela - HTML - Tableau - Largeurs (width)

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

Exemple :

Exemple 1

Ce tableau a une largeur représentant 50% du tableau dans lequel il est imbriqué

Exemple 2

Cette cellule représente 50% du tableau

Cette cellule représente 25% du tableau

Exemple 3

Cette cellule fait 300 pixels de large.

Exemple 4

Cette cellule fait 200 pixels de large.	Cette cellule fait aussi 200 pixels de large.
Soit un tableau de 300 pixels et non 400 comme on pourrait s'y attendre.

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" width="50%">
<tr>
<td>Ce tableau a une largeur représentant 50% du tableau dans lequel il est imbriqué</td>
</tr>
</table>

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

Exemple 3
<table border="1" width="300">
<tr>
<td>Cette cellule fait 300 pixels de large.</td>
</tr>
</table>

Exemple 4
<table border="1" width="300">
<tr>
<td width="200">Cette cellule fait 200 pixels de large.</td>
<td width="200">Cette cellule fait aussi 200 pixels de large.</td>
</tr>
<tr>
<td colspan="2">Soit un tableau de 300 pixels et non 400 comme on pourrait s'y attendre.</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