Discussion :

[reno93]

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 :

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
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;
 
}

[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

Code :

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
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; 
}

[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

[Macmillenium]

Bonjour,

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

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