Page 5 sur 20PRÉC.SUIVANT

Tableaux HTML II : Largeurs de tableau et de cellule

Ce tableau a une largeur de 100 %. Il s'étend ou se rétrécit pour remplir l'espace disponible dans la fenêtre du navigateur.

La troisième option consiste à définir la largeur d'un tableau sous forme de pourcentage, c'est-à-dire un pourcentage de l'espace disponible. En règle générale, l'espace disponible correspond à la taille de la fenêtre du navigateur. Si le tableau est imbriqué dans un autre, la largeur équivaut à un pourcentage de l'espace disponible dans ce tableau.

Cliquez sur le bouton Lecture pour visionner un exemple animé. L'animation représente un tableau dont la largeur est égale à 100 %. Voici quelques observations :

  • Lorsque la fenêtre du navigateur est agrandie, le tableau s'étend pour occuper l'espace disponible.
  • Le tableau rétrécit si la taille de la fenêtre est réduite.
  • Vous constaterez que le texte est renvoyé automatiquement à la ligne en fonction de la largeur du tableau.

Ces tableaux sont parfois également qualifiées de « liquides » ou « auto-ajustables » car leur taille s'adapte à l'espace disponible.

Cette largeur présente l'avantage de rendre le tableau flexible. Quelle que soit la résolution de la fenêtre du navigateur ou de l'écran, le tableau reste visible.

Page 5 sur 20PRÉC.SUIVANT