Centrer un tableau [Fermé]

balthordu 58 Messages postés lundi 18 septembre 2006Date d'inscription 26 août 2010 Dernière intervention - 4 oct. 2007 à 09:47 - Dernière réponse : t8001344 1 Messages postés mercredi 30 décembre 2015Date d'inscription 30 décembre 2015 Dernière intervention
- 30 déc. 2015 à 02:34
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.
Afficher la suite 

20 réponses

+25
Utile
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...

@+
Cette réponse vous a-t-elle aidé ?  
balthordu 58 Messages postés lundi 18 septembre 2006Date d'inscription 26 août 2010 Dernière intervention - 4 oct. 2007 à 16:08
+10
Utile
3
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.
Christounet 1265 Messages postés mercredi 26 septembre 2007Date d'inscription 29 juillet 2010 Dernière intervention - 4 oct. 2007 à 12:19
+6
Utile
2
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
Cacadurounet087 - 1 nov. 2011 à 01:34
Nickel Michel !
Seelgram 1 Messages postés vendredi 29 mars 2013Date d'inscription 29 mars 2013 Dernière intervention - 29 mars 2013 à 03:13
OUI, C'EST CA ! C'est ma solution pour Wordpress, basta le html, NICKEL, pouce vert! ouais ouais.
balthordu 58 Messages postés lundi 18 septembre 2006Date d'inscription 26 août 2010 Dernière intervention - 5 oct. 2007 à 12:28
+3
Utile
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
jfburr 16 Messages postés vendredi 5 octobre 2007Date d'inscription 2 novembre 2009 Dernière intervention - 5 oct. 2007 à 17:49
+3
Utile
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 :) ++
Christounet 1265 Messages postés mercredi 26 septembre 2007Date d'inscription 29 juillet 2010 Dernière intervention - 4 oct. 2007 à 16:38
+1
Utile
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,
+1
Utile
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...
tong 20 Messages postés jeudi 4 octobre 2007Date d'inscription 31 octobre 2007 Dernière intervention - 4 oct. 2007 à 18:32
0
Utile
pourrais tu faire copier-coller ton code html sur le forum afin qu'on puisse voir là ou ça ne va pas?
Marocainos 2 Messages postés lundi 19 novembre 2012Date d'inscription 19 novembre 2012 Dernière intervention - 19 nov. 2012 à 18:31
0
Utile
1
<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
Badoukaa 1 Messages postés jeudi 31 janvier 2013Date d'inscription 31 janvier 2013 Dernière intervention - 31 janv. 2013 à 10:00
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....
Marocainos 2 Messages postés lundi 19 novembre 2012Date d'inscription 19 novembre 2012 Dernière intervention - Modifié par Marocainos le 19/11/2012 à 18:33
0
Utile
4
<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%
jpfoufou 81 Messages postés vendredi 22 novembre 2013Date d'inscription 21 novembre 2017 Dernière intervention - 23 mars 2015 à 13:21
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
ReDLoG 243 Messages postés mardi 12 mars 2013Date d'inscription 18 septembre 2017 Dernière intervention > jpfoufou 81 Messages postés vendredi 22 novembre 2013Date d'inscription 21 novembre 2017 Dernière intervention - 23 mars 2015 à 13:57
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.
jpfoufou 81 Messages postés vendredi 22 novembre 2013Date d'inscription 21 novembre 2017 Dernière intervention > ReDLoG 243 Messages postés mardi 12 mars 2013Date d'inscription 18 septembre 2017 Dernière intervention - 26 mars 2015 à 16:02
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
t8001344 1 Messages postés mercredi 30 décembre 2015Date d'inscription 30 décembre 2015 Dernière intervention - 30 déc. 2015 à 02:34
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.