Bonjour à tous!

Voici mon problème.

J'ai ma zone centrale (.main-content) qui contient une zone réservée au fil d'Ariane (.main-breadcrumbs).

Pour ces deux classes, j'affiche des listes <UL> de manière différente. Seulement, il y a un conflit, notamment au niveau de la puce personnalisée (qui ne s'affiche pas).

Voici mes codes:

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
 
.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
 
.main-breadcrumbs {
background-color:green;
clear:both;
height:35px;
}
 
.main-breadcrumbs ul {
float:left;
font-family:verdana,arial,sans-serif;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:6px;
padding:5px 0pt 0pt 15px;
width:560px;
}
 
.main-breadcrumbs ul li {
margin-left:4px;
}
 
.main-breadcrumbs ul li {
background:transparent url(../img/bg_bullet_arrow.gif) no-repeat scroll 0pt 50%;
color:#7D7D7D;
display:inline;
font-size:100%;
font-weight:bold;
padding:0pt 0pt 0pt 10px;
}
 
.main-breadcrumbs ul a:hover {
color:#2A5A8A;
text-decoration:underline;
}
 
.main-breadcrumbs ul a {
color:#467AA7;
text-decoration:none;
}
Je rappelle donc que .main-breadcrumbs EST CONTENU PAR .main-content.

Je suppose qu'il s'agit d'un problème de priorité, mais ne sachant pas comment résoudre ce problème, je fais appel à vos bonnes âmes!!

Merci d'avance!