Médiaforma

Définir la largeur des cellules

Print Friendly

Comme nous l’avons vu précédemment, la taille d’une cellule s’adapte à son contenu. Cependant, il est parfois nécessaire de fixer la taille d’une cellule (et donc de la colonne qui la contient) à une largeur bien précise. Vous utiliserez pour cela l’attribut HTML width, en précisant la dimension de la colonne en pixels.

Ici par exemple, la taille de la première colonne est fixée à 200 pixels. L’attribut width a été spécifié dans la première balise <td> de la colonne, mais il aurait tout aussi bien pu être spécifié dans la deuxième balise <td> de cette colonne.

Supposons maintenant que vous vouliez fixer la taille de toutes les colonnes à 200 pixels. Comment procèderiez-vous ? La première idée qui vient à l’esprit consiste à insérer un attribut width dans chacune des cellules d’une colonne. Cette technique fonctionne, mais elle n’est pas très élégante. Dans la rubrique précédente, je vous ai montré que le CSS pouvait s’avérer très efficace pour agir globalement sur un document. Ici, c’est précisément ce que nous cherchons à faire puisque toutes les cellules doivent avoir une largeur de 200 pixels. La solution devient alors évidente : il suffit de modifier le style de la balise <td>.

Insérez la balise <style> </style> entre les balises <head> et </head>, puis modifiez la propriété width de la balise <td>. Vous pouvez supprimer l’attribut width de la première balise <td>, qui fait doublon avec la redéfinition de la balise <td>.

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply