Centrer 3 tables en float left dans un td
Bonjour à tous,
Tout est dit dans le titre : j'ai besoin de centrer 3 petites tables (trop compliqué d'utiliser des DIV) dans un grand td. Les tables devant s'afficher côte à côte, je les ai mises en float:left. Du coup, forcément le centrage ne fonctionne plus...
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
.tdHaut{
width:800px;
margin-left:auto;
margin-right:auto;
height:50px;
text-align:center;
}
.deplace{
background-color:#CCC;
border: 1px solid black;
height:50px;
width:180px;
float:left;
margin:5px;
cursor:move;
}
<td align="center" id="menuHaut" valign="middle" class="tdHaut">
<table align="center" class="deplace"><tr><td>....</td></tr></table>
<table align="center" class="deplace"><tr><td>....</td></tr></table>
<table align="center" class="deplace"><tr><td>....</td></tr></table>
</td> |
Merci du coup de main.
