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

Signaler
Messages postés
96
Date d'inscription
mardi 3 mai 2011
Statut
Membre
Dernière intervention
5 mars 2013
-
 Mikedjams971 -
Bonjour,

Voilà, la question est dans le titre !!! :-)

Merci d'avance
A voir également:

4 réponses

Messages postés
769
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
29 juillet 2014
330
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.
La précision est le fruit de la réussite.
5
Merci

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

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
769
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
29 juillet 2014
330
Je sais que le
align="center"
est obsolète, mais quand j'ai fait mon site les navigateurs respectaient mieux la solution html que la solution css. Aujourd'hui je pense en effet que la solution css s'affiche correctement dans tous les navigateurs.
Messages postés
195
Date d'inscription
mercredi 27 avril 2011
Statut
Membre
Dernière intervention
5 mars 2013
36
ah oui il à au moins 5ans ton site, ou il est optimisez pour IE6 xD
Messages postés
769
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
29 juillet 2014
330
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.
Merci Js95. Ca marche impeccable je viens de l'essayer et c'est parfait !

Merci pour l'info.
Ca marche !
Encore merci !
Messages postés
195
Date d'inscription
mercredi 27 avril 2011
Statut
Membre
Dernière intervention
5 mars 2013
36
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>
Messages postés
195
Date d'inscription
mercredi 27 avril 2011
Statut
Membre
Dernière intervention
5 mars 2013
36
bonjour,

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

Messages postés
96
Date d'inscription
mardi 3 mai 2011
Statut
Membre
Dernière intervention
5 mars 2013
2
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.
Messages postés
769
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
29 juillet 2014
330
De rien.