Centrer un tableau

Tableau
Css

balthordu Messages postés 58 Date d'inscription Statut Membre Dernière intervention -
t8001344 Messages postés 1 Date d'inscription Statut Membre Dernière intervention - 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.

Répondre (10)

A voir également:

Html centrer un tableau
Tableau word - Guide
Trier un tableau excel - Guide
Tableau ascii - Guide
Imprimer un tableau excel - Guide
Tableau croisé dynamique - 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

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 Statut Membre Dernière intervention 14

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

essayez avec la balise <center>et</center> à l'extérieur de ton définition de ta table comme suit:

<center>
<table>

</table>
</center>

PurHapiste

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

ReDLoG

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 Statut Membre Dernière intervention 1 392

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

Nickel Michel !

Seelgram Messages postés 1 Date d'inscription Statut Membre Dernière intervention

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 Statut Membre Dernière intervention 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 Date d'inscription Statut Membre Dernière intervention 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 :) ++

Réponse 6 / 10

Christounet Messages postés 1264 Date d'inscription Statut Membre Dernière intervention 1 392

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

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 Statut Membre Dernière intervention

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 Statut Membre Dernière intervention

<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 Statut Membre Dernière intervention

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 Statut Membre Dernière intervention

jpfoufou Messages postés 83 Date d'inscription Statut Membre Dernière intervention 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

ReDLoG Messages postés 243 Date d'inscription Statut Membre Dernière intervention 57 > jpfoufou Messages postés 83 Date d'inscription Statut Membre Dernière intervention

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 Statut Membre Dernière intervention 1 > ReDLoG Messages postés 243 Date d'inscription Statut Membre Dernière intervention

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 Statut Membre Dernière intervention

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.

Répondre Posez votre question

Votre réponse

Discussions similaires

[html] bordure tableau

Utilisateur anonyme -
jcs -

19 réponses

Comment centrer un tableau en html ?

JésusLeGrec -
Mikedjams971 -

11 réponses

un tableau html sans css

Tareq -
jumulka -

1 réponse

agrandir une image au passage de la souris

sin62 -
sch-troumpfette -

24 réponses

Souligné au survol d’un hyperlien

faureste -
Navid_92 -

17 réponses

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

nico3fr -
122 -

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