Tableaux et images
Ce billet montre comment respecter les bonnes pratiques d'utilisation des tableaux dans une pages web.
Les images d'illustration ont été réalisées à partir de l'éditeur "tinymce".
Lorsque le tableau est sélectionné (comme le souligne la flèche 1), un clic sur le bouton "tableau" (flèche 2) développe la liste des actions possibles.
Choisir "propriétés du tableau" (flèche 3).
Dans "largeur", indiquer en pour-cent que le tableau occupera ( 95%). L'unité "pixel" doit être prohibée pour que votre affichage s'adapte au mieux à l'écran du visiteur de la page.
Placer une image dans une colonne du tableau :
Dans les "propriétés avancées" de l'image saisir dans style
- la largeur en pour-cent, par exemple : width: 95%,
- la largeur maximale en pixel, par exemple , max-width: 150px,
- la hauteur : auto (height : auto) pour conserver les proportions.
A Noter

Exprimer la largeur en % et réserver les pixels pour la largeur maximale de l'image.