Aligner plusieurs tableau au centre
ceda13
Messages postés
95
Statut
Membre
-
Totox -
Totox -
Bonjour,
J'ai 3 tableaux de données qui s'affiche l'un à la suite de l'autre.
Le code :
Je voudrais qu'ils s'affichent comme ceci mais centré dans la page j'ai du mal à trouver align=''center" align="right =" n'y font rien.
Si quelqu'un peut m'aider svp
J'ai 3 tableaux de données qui s'affiche l'un à la suite de l'autre.
Le code :
<table id="tableauMesuresTemperature" align="left">
<tr><th>Date/Heure</th><th>Température</th></tr>
</table>
<table id="tableauMesuresHygrometrie" align="left">
<tr><th>Date/Heure</th><th>Hygrométrie</th></tr>
</table>
<table id="tableauMesuresPression">
<tr><th>Date/Heure</th><th>Pression</th></tr>
</table>
Je voudrais qu'ils s'affichent comme ceci mais centré dans la page j'ai du mal à trouver align=''center" align="right =" n'y font rien.
Si quelqu'un peut m'aider svp
Configuration: Windows / Chrome 91.0.4472.77
1 réponse
-
Salut,
il faut utiliser le CSS pour ça et toute la mise en page.
Par exemple pour centrer un élément(il existe de nombreuses façons):
<!DOCTYPE html> <head> <meta charset="utf-8"/> <!-- à placer dans la balise head à priori même si ce n'est pas obligatoire--> <style type="text/css" rel="stylesheet" > .aucentre{ margin-left:20%; width:60%; <!-- une marge(externe) à gauche de 20% pour un élément qui prends 60% va donc aligner l'élément qui fait 60% au centre avec un décalage de 20% de chaque côté. --> } </style> </head> <body> <div class="aucentre" > Un élément centré avec une classe CSS (l'attribut class indique d'appliquer le "jeu" de règles CSS) </div> </body>
Une recherche "positionnement en CSS" devrait vous fournir tout un tas de réponses, bien sûr "apprendre le CSS" est aussi utile ;)
Un autre exemple plus rapide mais moins solide (et moins facile à maintenir en cas d'ajout)avec la propriété CSS text-align à appliquer sur l'élément container de celui qui doit être centré(dans mon exemple sur la balise BODY):
https://www.w3schools.com/cssref/pr_text_text-align.asp
