Aligner plusieurs tableau au centre

Fermé

ceda13 Messages postés 84 Date d'inscription samedi 6 avril 2013 Statut Membre Dernière intervention 4 août 2023 - 14 juin 2021 à 11:50
Totox - 15 juin 2021 à 06:06

Bonjour,

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

A voir également:

Aligner plusieurs tableau au centre
Tableau croisé dynamique - Guide
Tableau ascii - Guide
Tableau word - Guide
Centre de messagerie - Guide
Le fichier contient un tableau présentant un extrait des livres les plus prêtés à paris en 2016. filtrez le tableau pour ne faire apparaître que les bandes dessinées ado. puis filtrez le tableau pour ne faire apparaître que celles dont l'auteur est zep. quel est le titre de la bande dessinée ado de zep qui a été la plus prêtée d'après ce tableau ? ✓ - Forum Windows 10

1 réponse

Réponse 1 / 1

Totox
Modifié le 15 juin 2021 à 06:07

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

Discussions similaires

Que signifie arrivé au centre de transport de départ ?

ou sont les bananes ?

Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport

Nom de champs du tableau croisé dynamique non valide

generateur de combinaison du loto 5/90

Discussions similaires

Newsletters