Centrer un tableau

[Fermé]
Signaler
Messages postés
58
Date d'inscription
lundi 18 septembre 2006
Statut
Membre
Dernière intervention
26 août 2010
-
Messages postés
1
Date d'inscription
mercredi 30 décembre 2015
Statut
Membre
Dernière intervention
30 décembre 2015
-
Bonjour,

Ou!!i Je pense que votre solution va me rendre encore plus idiot que le moment où je pose cet question mais je suis désenparé. Je n'arrive pas a centrer un tableau. Alors voici les code que j'ai essayé et qui ne marche pas:
En 1:
<center>
<table>
</table>
</center>

En 2
<table align=center>
</table>

En 3:
<center>
<table align=center>
</table>
</center>

En 4:
<div id="corps" align=center> 
<table>
</table>
</div>



Voila merci pour votre aide.
A voir également:

10 réponses

Bonjour,

en fait, pour centrer, il faut effectivement coller la propriete suivante dnas le conteneur :
text-align: center;

donc, si tu veux aligner tout le tableau au centre de ta page internet, le fichier CSS ser :
body {
text-align: center;
padding: 0;
margin: 0;
}

table {
margin : 10px auto auto auto;
}

Il faut mettre les marges droite et gauche de ce qui doit etre aligne au centre en auto pour ke ce soit compatible firefox et IE. c le plus simple... apres tu peux utiliser une div en lieu et place du body si c une div integree dans autre chose...

@+
25
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

Messages postés
58
Date d'inscription
lundi 18 septembre 2006
Statut
Membre
Dernière intervention
26 août 2010
14
Désolé mais sa marche pas.
J'ai essayé
<div align="center">
et
<table align="center">

Merci quand même. Quelqu'un a une autre solution?
essayez avec la balise <center>et</center> à l'extérieur de ton définition de ta table comme suit:

<center>
<table>

</table>
</center>
merci beaucoup, avec les balise center, ça marche nickel
Pour info : évite l'utilisation de ce genre de balises si tu as un doctype en XHTML ou HTML5.
Messages postés
1263
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 364
Bonjour,

En fait le mot center doit être entre " "

Exemple:

<div align="center">
<table border="1" width="70%" id="table1">
<tr>
<td> </td>
</tr>
</table>
</div>

Salut

Nickel Michel !
Messages postés
1
Date d'inscription
vendredi 29 mars 2013
Statut
Membre
Dernière intervention
29 mars 2013

OUI, C'EST CA ! C'est ma solution pour Wordpress, basta le html, NICKEL, pouce vert! ouais ouais.
Messages postés
58
Date d'inscription
lundi 18 septembre 2006
Statut
Membre
Dernière intervention
26 août 2010
14
voila le code, malgrès tous les align center cela ne marhce pas.

<div id="corps"align=center>
	L'équipe créatrice du site.
	<br><br>	
	<table border="0"  width=100%>
		<tr><td width=12%></td>
		<td width=45%><i><b>Webmaster</b></i></td><td width=45%><i><b>Webdesigner</b></i></td>
		</tr>
		<tr>	
			<table border="1" align=center>
			<tr><td width=10%>Pseudo</td><td width=45%>Balthordu</td><td width=45%>Metatron</td></tr>
			<tr><td width=10%>Age</td><td w	idth=45%>21 ans</td><td width=45%>21 ans</td></tr>
			<tr><td width=10%>Diplôme</td><td width=45%>DEUG de Physique-Chimie<br>Licence Informatique et Logistique</td><td width=45%>Bac STI Electrotechnique<br>Bac Pro MAVELEC (maintenance en audiovisuel)</td></tr>
			<tr><td width=10%>Situation profésionnelle</td><td width=45%>Etudiant en Master Informatique et Logistique </td><td width=45%>Technicien Audiovisuel et Informatique</td></tr>
			<tr><td width=10%>Centre d'interets</td><td>Ma copine<br>Le web (source d'informations et de partages inépuisables)<br>La musique et le sport	</td><td>Drogué au hardware,<br>Toujours en manque de jeux,<br>Bricolage (surtout avec mes doigts),<br>Etre parano,<br>DJ en herbe.
			<tr><td width=10%>Lieu de vie</td><td width=45%>Anglet (64)</td><td width=45%>Bassussary(64)</td></tr>
			<tr><td width=10%>Travaux réalisés<br>sur le site</td>
			
			<td width=45% align=left><ul>
				<li>Créateur et responsable du site (html, css, php)</li>
				<li>Responsable des comptes utilisateurs (mot de passe,sessions,droits)</li>
			</ul></td>
			
			<td width=45% align=left><ul>
				<li>Graphisme des differentes images</li>
				<li>Responsable du contenu</li>
			</ul></td></tr>
			</table>

			</tr>
	</table>
	
</div>
       


Merci pour votre aide
Messages postés
16
Date d'inscription
vendredi 5 octobre 2007
Statut
Membre
Dernière intervention
2 novembre 2009
9
Salut,

Mets un style="text-align:center;" dans les tds ou tu veux que ton texte soit centré

ca donne par exemple

<table>
<tr>
<td style="text-align:center;">
Texte centré
</td>
</tr>
</table>

L'avantage de cette méthode et quel est valide au w3c.

Bonne chance :) ++
Messages postés
1263
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
29 juillet 2010
1 364
Bonjour,

Peux-tu me montrer le code HTML exact que tu as utlisé, cad à partir de <body> jusqu'a </body>, car j'ai testé ma réponse avant de l'envoyer et celà fonctionnait dans IE7.

Salut,
Il y a de nombreux problèmes, il y a <tr> puis <table> ce qui n'est pas correct, il faut tout réécrire, c'est soit une propriété de <table telle align="center" ou style="align:center" qui doit être utilisée, ou alors le conteneur direct du tableau, qui doit avoir style="text-align:center", mais comme <table est un composant multiple, et pas du texte, il n'est pas sûr qu'il se plie aux style censé influencer que le texte...
Messages postés
20
Date d'inscription
jeudi 4 octobre 2007
Statut
Membre
Dernière intervention
31 octobre 2007

pourrais tu faire copier-coller ton code html sur le forum afin qu'on puisse voir là ou ça ne va pas?
Messages postés
2
Date d'inscription
lundi 19 novembre 2012
Statut
Membre
Dernière intervention
19 novembre 2012

<div align="center">
<table style="border-collapse: collapse;" border="0" bordercolor="#000000" cellspacing="0" height="483" width="670">

<td dir="rtl" align="center" height="25" width="100%">
Test</td>
</tr>
</table>
</tr>
</table>


Ca marche 1000% :D
Messages postés
1
Date d'inscription
jeudi 31 janvier 2013
Statut
Membre
Dernière intervention
31 janvier 2013

Sérieux...comment vous pouvez toujours mettre du CSS directement dans des balises HTML ?

Si vous le savez pas, on peut créer des fichiers .CSS où tout notre style peut être codé là-dedans avec des classes et tout et tout ;)

Je peux comprendre que quelques fois cela peut aider mais quand même ici y a d'autres solutions....
Messages postés
2
Date d'inscription
lundi 19 novembre 2012
Statut
Membre
Dernière intervention
19 novembre 2012

<div align="center">
<table style="border-collapse: collapse;" border="0" bordercolor="#000000" cellspacing="0" height="483" width="670">

<td dir="rtl" align="center" height="25" width="100%">
Test</td>
</tr>
</table>
</tr>
</table>

Ca Marche 100%
Messages postés
83
Date d'inscription
vendredi 22 novembre 2013
Statut
Membre
Dernière intervention
12 mars 2018
1
Yo! Pour centrer ton tableau tu peux aller dans le css et taper
table{
width: 50%;
height: 50%;
}
Normalement ton tableau devrait se centré.
Autrement tu peux faire :
table{
position: absolute;
left: ....px;
top: ......px;
}
Et après tu calcules pour centrer ton tableau comme ça
Messages postés
243
Date d'inscription
mardi 12 mars 2013
Statut
Membre
Dernière intervention
17 septembre 2020
58 >
Messages postés
83
Date d'inscription
vendredi 22 novembre 2013
Statut
Membre
Dernière intervention
12 mars 2018

Salut,
Oui oui bien sûr... mais la propriété CSS margin est faite pour ça car un tableau HTML est un élément de type Bloc :
table {
     margin: auto;
}

Plus d'info ici http://openclassrooms.com/courses/centrer-en-css
Cordialement.
Messages postés
83
Date d'inscription
vendredi 22 novembre 2013
Statut
Membre
Dernière intervention
12 mars 2018
1 >
Messages postés
243
Date d'inscription
mardi 12 mars 2013
Statut
Membre
Dernière intervention
17 septembre 2020

Je sais mais si la propriété "margin" est buggée pour une raison ou une autre (comme c'est mon cas) le mieux reste cette solution
Messages postés
1
Date d'inscription
mercredi 30 décembre 2015
Statut
Membre
Dernière intervention
30 décembre 2015

Pour centrer il y a l'attribut margin: auto, à inclure dans les styles CSS de table. Ça fonctionne pour MSIE 6, Netscape 6 et +, Mozilla, Firefox ou Opera 5 et +, mais il y a mieux comme encadrer le tableau par des balises <div style="text-align:center"></div>, fonctionne avec tous les navigateurs.