Posez votre question Signaler

Centrer un tableau

balthordu 48Messages postés 18 septembre 2006Date d'inscription - Dernière réponse le 1 nov. 2011 à 01: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.
Lire la suite 

Centrer un tableau »

10 réponses
Réponse
+10
moins plus
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...

@+
Ajouter un commentaire
Réponse
+3
moins plus
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?
jose - 12 nov. 2010 à 04:06
essayez avec la balise <center>et</center> à l'extérieur de ton définition de ta table comme suit:

<center>
<table>

</table>
</center>
Ajouter un commentaire
Réponse
+2
moins plus
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 !
Ajouter un commentaire
Réponse
+1
moins plus
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 :) ++
Ajouter un commentaire
Réponse
+0
moins plus
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,
Ajouter un commentaire
Réponse
+0
moins plus
pourrais tu faire copier-coller ton code html sur le forum afin qu'on puisse voir là ou ça ne va pas?
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
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...
Ajouter un commentaire
Ce document intitulé « Centrer un tableau » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook