Discussion :

[NastyG88]

centrer un tableau html

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

Code :

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

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

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

[spitou_77]

en css

Code :

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

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

en html

Code :

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

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 :

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

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 :

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

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>

[Bisûnûrs]

Tu peux aussi simplement rajouter align="center" dans la balise table.

[cadoudal56]

Hello,

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

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 :

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

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

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

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

[cadoudal56]

Hello,

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

Code :

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

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