Aide sur tableau

**PoppyGuy** · 04/12/2011, 15h46

Bonjour,
Comment centrer un tableau ?

J'ai bien vu comment faire un tableau dans le tutoriel.
Centrer un tableau avec :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#tab, #tab caption
{
    margin: auto;
}

Mais ou je mets ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
style="border: 0pt none ; margin: 0pt; padding: 0pt; width: 900px;">
<tbody>
<tr>
<td style="text-align: left;"><!-- date --> <img
src="http://meteoclopiniere.olympe-network.com/Images/h0.gif"
name="date_img1" alt=""> <img

Merci de votre aide
Cordialement
Guy

**Jygle** · 04/12/2011, 16h11

je pense que tu peux ajouter dans ton fichier css une partie sur la balise <table> dans laquelle tu écrira :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
table{
     position : absolute ;
     left : XX% ;
}

Avec XX% qui dépend de tes tests. C'est une solution un peu bancale, mais je l'ai déjà utilisée sur des éléments autres que des tableaux, et ça marche plutôt

**PoppyGuy** · 04/12/2011, 16h36

Bonjour,
Je n'arrive pas à le centrer

**Jygle** · 04/12/2011, 17h00

Tu n'arrive pas à trouver le bon pourcentage, ou bien cette méthode ne marche pas sur le tableau ?
Sinon, tu peux essayer ça, à la place

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
margin-left:auto;
margin-right:auto;
width:100%;

**PoppyGuy** · 04/12/2011, 17h10

Voilà ce que j'ai actuellement :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<table
style="border: 0pt none ; margin: 0pt; padding: 0pt; width: 900px;">
<tbody>

Si il y a 100%, il est centré, mais je souhaite qu'il fasse que 900px

Si je mets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin: 50pt

, ça arrive à centrer,mais il met un grand espace au-dessus et en-dessous ?????
Il à tripler en hauteur ????

**NoSmoking** · 04/12/2011, 17h23

Bonjour,
il est temps de passer à la déclaration des styles hors balises

.
pour ton soucis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
table{
  width : 900px;
  margin : auto;
}

et un petit exemple pour voir où il faut le mettre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Centrage d'un élément</title>
<style type="text/css">
table {
  width : 900px;
  margin : auto;
  border : 1px solid black;
  text-align : center;
}
</style>
</head>
<body>
<table><tr><td>TABLE centrée dans la page</td></tr></table>
</body>
</html>

en bonus dans la

http://css.developpez.com/faq/?page=...orizontalement

Aide sur tableau

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager