Centrer un tableau

Tableau
Css

balthordu Messages postés 58 Statut Membre -
t8001344 Messages postés 1 Statut Membre - 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.
--
Plus cancereux que moi, tumeur !!!!! (P.Desproges)

Configuration: Windows XP
Firefox 2.0.0.7

Afficher la suite

10 réponses

Réponse 1 / 10

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
tonnick

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...

@+
26
Réponse 2 / 10
balthordu Messages postés 58 Statut Membre 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?
11
1. jose
  
  essayez avec la balise <center>et</center> à l'extérieur de ton définition de ta table comme suit:
  
  <center>
  <table>
  
  </table>
  </center>
  
  0
2. PurHapiste
  
  merci beaucoup, avec les balise center, ça marche nickel
  
  0
3. ReDLoG
  
  Pour info : évite l'utilisation de ce genre de balises si tu as un doctype en XHTML ou HTML5.
  
  0
Réponse 3 / 10
Christounet Messages postés 1272 Date d'inscription Statut Membre Dernière intervention 1 393

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
7
1. Cacadurounet087
  
  Nickel Michel !
  
  0
2. Seelgram Messages postés 1 Statut Membre
  
  OUI, C'EST CA ! C'est ma solution pour Wordpress, basta le html, NICKEL, pouce vert! ouais ouais.
  
  0

balthordu Messages postés 58 Statut Membre 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

Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 10
jfburr Messages postés 16 Statut Membre 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 :) ++
2
Réponse 6 / 10
Christounet Messages postés 1272 Date d'inscription Statut Membre Dernière intervention 1 393

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
Réponse 7 / 10
EJFJCorp

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...
1
Réponse 8 / 10
tong Messages postés 20 Statut Membre

pourrais tu faire copier-coller ton code html sur le forum afin qu'on puisse voir là ou ça ne va pas?
0
Réponse 9 / 10
Marocainos Messages postés 2 Statut Membre

<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
0
1. Badoukaa Messages postés 1 Statut Membre
  
  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....
  
  0
Réponse 10 / 10
Marocainos Messages postés 2 Statut Membre

<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%
0
1. jpfoufou Messages postés 86 Statut Membre 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
  
  0
  1. ReDLoG Messages postés 393 Statut Membre 57 > jpfoufou Messages postés 86 Statut Membre
    
    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.
    
    0
  2. jpfoufou Messages postés 86 Statut Membre 1 > ReDLoG Messages postés 393 Statut Membre
    
    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
    
    0
2. t8001344 Messages postés 1 Statut Membre
  
  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.
  
  0

Centrer un tableau

10 réponses

Discussions similaires

Newsletters