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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : 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
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

Est-ce que quelqu'un peut m'aider ???

Merci d'avance pour votre aide !!!