Centrer un tableau

Fermé

Tableau
Css

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

Posez votre question

A voir également:

Centrer un tableau css
Tableau croisé dynamique - Guide
Tableau ascii - Guide
Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport existant ✓ - Forum Excel
Les données fournies dans le fichier à télécharger peuvent être synthétisées par le tableau récapitulatif suivant. dans le fichier, générez ce tableau automatiquement (tableau croisé dynamique ou table de pilote) à partir des 4 premières colonnes. cinq valeurs manquent dans le tableau suivant. retrouvez-les dans votre tableau puis reportez-les, arrondies à l’entier le plus proche, dans la zone de réponse. ✓ - Forum Jeux vidéo
Tableau word - Guide

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
5 oct. 2007 à 18:09

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

@+

Réponse 2 / 10

balthordu Messages postés 58 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 26 août 2010 14
4 oct. 2007 à 16:08

Désolé mais sa marche pas.
J'ai essayé

<div align="center">

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

PurHapiste
8 févr. 2013 à 20:46

merci beaucoup, avec les balise center, ça marche nickel

ReDLoG
8 févr. 2013 à 21:15

Pour info : évite l'utilisation de ce genre de balises si tu as un doctype en XHTML ou HTML5.

Réponse 3 / 10

Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 384
4 oct. 2007 à 12:19

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 Messages postés 1 Date d'inscription vendredi 29 mars 2013 Statut Membre Dernière intervention 29 mars 2013
29 mars 2013 à 03:13

OUI, C'EST CA ! C'est ma solution pour Wordpress, basta le html, NICKEL, pouce vert! ouais ouais.

Réponse 4 / 10

balthordu Messages postés 58 Date d'inscription lundi 18 septembre 2006 Statut Membre Dernière intervention 26 août 2010 14
5 oct. 2007 à 12:28

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 Date d'inscription vendredi 5 octobre 2007 Statut Membre Dernière intervention 2 novembre 2009 9
5 oct. 2007 à 17:49

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 :) ++

Réponse 6 / 10

Christounet Messages postés 1264 Date d'inscription mercredi 26 septembre 2007 Statut Membre Dernière intervention 29 juillet 2010 1 384
4 oct. 2007 à 16:38

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,

Réponse 7 / 10

EJFJCorp
4 août 2010 à 00:35

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

Réponse 8 / 10

tong Messages postés 20 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 31 octobre 2007
4 oct. 2007 à 18:32

pourrais tu faire copier-coller ton code html sur le forum afin qu'on puisse voir là ou ça ne va pas?

Réponse 9 / 10

Marocainos Messages postés 2 Date d'inscription lundi 19 novembre 2012 Statut Membre Dernière intervention 19 novembre 2012
19 nov. 2012 à 18:31

<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 Messages postés 1 Date d'inscription jeudi 31 janvier 2013 Statut Membre Dernière intervention 31 janvier 2013
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....

Réponse 10 / 10

Marocainos Messages postés 2 Date d'inscription lundi 19 novembre 2012 Statut Membre Dernière intervention 19 novembre 2012
Modifié par Marocainos le 19/11/2012 à 18:33

jpfoufou Messages postés 83 Date d'inscription vendredi 22 novembre 2013 Statut Membre Dernière intervention 12 mars 2018 1
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 Messages postés 243 Date d'inscription mardi 12 mars 2013 Statut Membre Dernière intervention 28 octobre 2021 57 > jpfoufou Messages postés 83 Date d'inscription vendredi 22 novembre 2013 Statut Membre Dernière intervention 12 mars 2018
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 Messages postés 83 Date d'inscription vendredi 22 novembre 2013 Statut Membre Dernière intervention 12 mars 2018 1 > ReDLoG Messages postés 243 Date d'inscription mardi 12 mars 2013 Statut Membre Dernière intervention 28 octobre 2021
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 Messages postés 1 Date d'inscription mercredi 30 décembre 2015 Statut Membre Dernière intervention 30 décembre 2015
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.

Posez votre question

Discussions similaires

[html] bordure tableau

Utilisateur anonyme - 11 févr. 2007 à 11:56
jcs - 30 oct. 2014 à 21:01

19 réponses

Comment centrer un tableau en html ?

JésusLeGrec - 4 mai 2011 à 20:07
Mikedjams971 - 19 avril 2020 à 21:58

11 réponses

un tableau html sans css

Tareq - 11 nov. 2020 à 23:09
jumulka - 11 nov. 2020 à 23:54

1 réponse

agrandir une image au passage de la souris

sin62 - 3 oct. 2007 à 19:24
sch-troumpfette - 11 juil. 2015 à 20:49

24 réponses

Souligné au survol d’un hyperlien

faureste - 1 oct. 2007 à 11:07
Navid_92 - 18 mai 2012 à 00:14

17 réponses

Changer l'arrière plan d'un bouton (CSS)

nico3fr - 21 sept. 2007 à 10:24
122 - 8 déc. 2016 à 12:23

12 réponses

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire

Discussions similaires

Newsletters