Probleme css alignement horizontal tableau

Version imprimable

Bonjour,

voila j ai 3 tableaux dans un tableau et je souhaite les positionner de manière a ce que les trois tableaux soit cote a cote et non pas en dessous de l autre mais je ne connais la syntaxe qui pourrait m'aider mon problème concerne le tableau 2,3 et 4

voici mon code css

merci à vous
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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 body { background-color: white; font-family: tahoma,arial,helvetica,sans-serif; color: #000000; font-size: 8pt; } .tableau1 { border: 1px solid #000000; width: 750px; height: 600px; margin: auto; background-color: #f9a35b; } .tableau2 { border: 1px solid #000000; width: 210px; height: 400px; background-color: #f9a35b; margin-left: 15px; } .tableau3 { border: 1px solid #000000; width: 210px; height: 400px; background-color: #f9a35b; margin-left: auto; margin-right: auto; } .tableau4 { border: 1px solid #000000; width: 210px; height: 400px; background-color: #f9a35b; margin-left: 523px; }

pour complément d'informations j'ai réussi à aligner le tableau 2 et 3 mais toujours pas le 4 qui reste en dessous :cry:

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
26
27
28
29
30
31
32
33
34
35
36
.tableau1 {
border: 1px solid #000000;
width: 750px;
height: 600px;
margin: auto;
background-color: #f9a35b;
 
}
 
 
.tableau2 {
border: 1px solid #000000;
width: 210px;
height: 400px;
background-color: #f9a35b;
margin-left: 15px; 
float: left;
}
 
 
.tableau3 {
border: 1px solid #000000;
width: 230px;
height: 400px;
background-color: #f9a35b;
margin-left: 250px;
}
 
.tableau4 {
border: 1px solid #000000;
width: 240px;
height: 400px;
background-color: #f9a35b;
margin-left: 523px;
margin-right: 15px; 
}

05/06/2009, 15h54
Johnbob

Bonjour.

Tu devrais essayer avec la propriété "display:inline;" dans tes styles tableau2, tableau3, tableau4 (et enlever le "float:left;").

Sinon tu mets tes 3 sous-tableaux chacun dans un TD de ton tableau parent.

PS: mais c'est pas très propre des tableaux dans des tableaux ;)
05/06/2009, 18h14
Macmillenium
Bonjour,

Citation:

Envoyé par reno93

pour complément d'informations j'ai réussi à aligner le tableau 2 et 3 mais toujours pas le 4 qui reste en dessous :cry:
- Tu as uniquement flotté .tableau2, son adjacent directe .tableau3 est donc impacté => d'où l'alignement de ces deux tableaux.
- .tableau4 étant présent dans le flux normal, doté d'un display:table (navigateurs alternatifs)/display:block(IE7-) par défaut et ne suit pas un élément flottant, il génère un retour chariot avant et après => d'où le retour à la ligne.
Il faudrait appliquer un float:left sur tous les tableaux.