Posez votre question Signaler

Comment centrer un tableau en html ? [Résolu]

JésusLeGrec 47Messages postés 3 mai 2011Date d'inscription 18 mars 2012Dernière intervention - Dernière réponse le 25 mai 2011 à 13:00
Bonjour,
Voilà, la question est dans le titre !!! :-)
Merci d'avance
Lire la suite 

Comment centrer un tableau en html »

10 réponses
Réponse
+2
moins plus
Une solution est de faire un grand tableau "invisible" dans lequel tu vas pouvoir faire centrer ton tableau dans la cellule :
<body> 
<table style="width: 100%"> 
     <tr> 
          <td align="center"> 
               <!-- Tu mets ton tableau ici --> 
          </td> 
     </tr> 
</table> 

J'ai adopté cette solution pour mon site, la solution proposée ci-dessus par Zhp marche aussi:
Code : css
.centrer{ 
     margin-left: auto; 
     margin-right: auto; 
} 

Code : xhtml
<table class="centrer" > 

etc.
Zhp- 4 mai 2011 à 20:48
ah oui il à au moins 5ans ton site, ou il est optimisez pour IE6 xD
js95- 6 mai 2011 à 17:07
Mon site a un an et je fais en sorte qu'il soit compatible avec le plus de navigateurs possible et il n'a même pas été testé avec IE6 mais IE8 et 9, Firefox 3.6 puis 4, Safari 4 puis 5.
Alors je ne suis pas un des concepteurs web vieillots !
D'ailleurs il faut expliquer que ta solution va centrer tous les tableaux de la page, ce qui je pense n'est pas forcément souhaité pour les autres tableaux de la page que le tableau principal.
Ticouette - 25 mai 2011 à 13:00
Merci Js95. Ca marche impeccable je viens de l'essayer et c'est parfait !
Ajouter un commentaire
Réponse
+1
moins plus
Un truque dans ce gout là ? ^^
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
table {
	margin-right: auto;
	margin-left: auto;
}
-->
</style>
</head>

<body>
<table width="650" border="0" cellspacing="0" cellpadding="2">
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
</body>
</html>
Ajouter un commentaire
Réponse
+0
moins plus
bonjour,

quand tu parle de tableau tu parle des balise <table> ?
Quand tu parle de centrer tu veux dire dans le body ?

Ajouter un commentaire
Réponse
+0
moins plus
Merci les gars!!! J'ai essayé les deux et ça marche!!! Perso, et pour les cours, la solution js95 est mieux, même si celle de Zhp marche aussi!!!

Merci encore.
js95- 6 mai 2011 à 17:11
De rien.
Ajouter un commentaire
Ce document intitulé « Comment centrer un tableau en html ? » 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
Passage au tout numérique : quel coût pour les particuliers ?