Div, Float et border-collapse
Hello all,
Je suis en train de faire un "tableau" de 2 colonnes avec une ligne de titre et j'ai un problème avec le border-collapse, il collapse pas :S
Bon on commence toujours par le code alors pour changer, commençons par le résultat pas collapsé :
Ensuite le code html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<div id="internet_favori">
<div id="internet_favori_titre">
Favoris
</div>
<div id="internet_favori_gauche">
<img src="images/chargement.gif" alt="" />
</div>
<div id="internet_favori_droite">
<img src="images/chargement.gif" alt="" />
</div>
</div> |
et finalement (le plus gros morceau) le code CSS :
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
44
45
46
47
48
49
|
#internet_favori
{
width:410px;
border-color:#000000;
border-width:1px;
border-style:solid;
border-collapse:collapse;
}
#internet_favori_titre
{
text-align:center;
font-weight:bold;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
border-color:#000000;
border-width:1px;
border-style:solid;
background-color:#6699FF;
border-collapse:collapse;
}
#internet_favori_gauche
{
border-width:1px;
border-color:#000000;
border-style:solid;
float:left;
width:150px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
border-collapse:collapse;
}
#internet_favori_droite
{
border-width:1px;
border-color:#000000;
border-style:solid;
width:250px;
float:right;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
border-collapse:collapse;
} |
Donc comme vous le constatez, j'ai essayé de mettre partout des border-collapse:collapse, mais il veut pas, alors j'ai essayé qu'à des endroits stratégiques, mais il veut pas non plus :D
Est-ce que quelqu'un peut m'aider ???
Merci d'avance pour votre aide !!!
