Démo de tableaux

Tous les tableaux ci-dessous sont générés par https://divtable.com/generator/


-Afin de visualiser le tableau, il faut mettre une bordure (border= 1)
pour la supprimer ensuite, il suffira de mettre "border  = 0 " (cas du dernier tableau en bas)
-Le tableau est d'abord présenté vide puis complété selon les indications fournies

TABLEAU 1
 



textetexte plus long
texte beaucoup pluslong
texte beaucoup beaucoup beaucoup plus long

=> aucune largeur de définie : le tableau s'adapte au texte



TABLEAU 2



textetexte plus long
texte beaucoup plus long
texte beaucoup beaucoup beaucoup plus long


=> le tableau mesure 50 % de largeur du containeur utilisé (ici l'espace du bloc "principal des articles") du blog :
Blog total 1150 pix - 300 pix barre latérale = 850 pixels pour le bloc"articles"
50% => 425 pixels


TABLEAU 3



textetexte plus long
texte beaucoup plus long
texte beaucoup beaucoup beaucoup plus long

=> le tableau mesure exactement  500  pixels, quel que soit la longueur du texte


TABLEAU 3.1
IDEM mais BORDER=0
textetexte plus long
texte beaucoup plus long
texte beaucoup beaucoup beaucoup plus long

TABLEAU 3.2
ICI PHOTOS INTEGREES
border= 1 avec des photos réduites


TABLEAU 3.3
border= 0 avec des photos plus grandes






=> le tableau  s'adapte automatiquement   à la dimension des images