[HTML] Centrer un tableau

Version imprimable

10/11/2007, 18h33
NastyG88

[HTML] Centrer un tableau
centrer un tableau html

Salut tous le monde,
j'aimerais savoir comment fair pour centre un tableau html de type
Code:

1 2 3 4 5 6 7 <TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD BGCOLOR="#CCCCCC">Column 1</TD> </TR> <TR> </TR> </TABLE>
merci de votre aide :king:

enfin quand le tableau est a 100% c'est bon car il prend toute la largeur mais quand il est a 80% par example je n'arrive pas a le placer au centre. il ce met automatiquement à gauche
merci

en css

Code:

1
2
3
4
.tabcenter{
   margin-left:auto;
   margin-right:auto;
}

en html

Code:

1
2
3
4
5
6
7
8
 
<TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%" class="tabcenter">
<TR>
<TD BGCOLOR="#CCCCCC">Column 1</TD>
</TR>
<TR>
</TR>
</TABLE>

et tu pourrais faire toute la mise en page en CSS:

Code:

1
2
3
4
5
6
7
8
9
#MaTable {
 width: 100%;
 padding: 2px; 
 border-spacing: 2px; 
}
.tabcenter{
   margin-left:auto;
   margin-right:auto;
}

et en html

Code:

1
2
3
4
5
6
7
8
9
 
 
<TABLE id="MaTable" class="tabcenter">
<TR>
<TD BGCOLOR="#CCCCCC">Column 1</TD>
</TR>
<TR>
</TR>
</TABLE>

11/11/2007, 11h40
Bisûnûrs

Tu peux aussi simplement rajouter align="center" dans la balise table.
13/11/2007, 12h49
cadoudal56
Hello,

Non a mon avis ce qu'il veut c'est centrer le tableau, pas ce qu'il y a dedans...

Citation:

enfin quand le tableau est a 100% c'est bon car il prend toute la largeur mais quand il est a 80% par example je n'arrive pas a le placer au centre. il ce met automatiquement à gauche

Donc pour centrer, pas besoin de chercher midi a quatorze heures...
Code:

1 2 3 4 5 6 7 8 9 10 <CENTER> <TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD BGCOLOR="#CCCCCC">Column 1</TD> </TR> <TR> </TR> </TABLE> </CENTER>
Il faut utiliser la balise CENTER tout simplement...

@+
cadou
13/11/2007, 15h15
BnA

OK, bien évidemment que ça marche, mais bon, la balise <CENTER> est appelée à disparaître, donc autant ne plus apprendre à l'utiliser non?
13/11/2007, 15h18
Bisûnûrs

Vu le code de l'auteur du sujet, je pense qu'on peut lui conseiller d'utiliser cette balise sans problème.

Hello,

Je ne savais pas qu'elle était appellée a disparaitre...
Alors pour les puristes :D
Code:

1 2 3 4 5 6 7 8 9 10 <div style="width:100%; text-align:center;"> <TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%"> <TR> <TD BGCOLOR="#CCCCCC">Column 1</TD> </TR> <TR> </TR> </TABLE> </div>
@+
cadou