Page 10 sur 20PRÉC.SUIVANT

Tableaux HTML II : Largeurs de tableau et de cellule

Tableau HTML comprenant trois lignes et deux colonnes

Ces deux colonnes se sont vu attribuer une largeur de 100 pixels. Cependant, comme le contenu de la cellule en bas à droite dépasse les 100 pixels, la largeur de cellule n'est pas respectée.

Dans la leçon précédente, nous vous avons expliqué que la largeur d'un tableau n'est qu'une valeur suggérée ou recommandée. Il en va de même pour la largeur des cellules.

Ce qui nous amène à la règle élémentaire n°2 : Le contenu est roi. Par conséquent, si le contenu d'une cellule dépasse la largeur spécifiée pour cette cellule, il forcera celle-ci à dépasser la largeur choisie.

Par exemple, dans l'illustration ci-contre, les deux colonnes se sont vu attribuer une largeur de 100 pixels. Vous constaterez toutefois que la largeur de la colonne de droite est supérieure à 100 pixels à cause du texte « ABCDEFG... » de la dernière ligne. Elle écrase d'ailleurs quelque peu l'autre colonne, dont la largeur est dès lors inférieure à 100 pixels.

Ce phénomène se produit généralement lorsque les cellules contiennent des mots longs ou des URL mais également lorsque vous insérez une image large.

Page 10 sur 20PRÉC.SUIVANT