Discussion :

[BnA]

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!

[buzeeg]

Salut,

un bout de code HTML ne serait pas de refut pour t'aider

[Damouille]

Essaie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.main-content .main-breadcrumbs ul {
...
}

[Xann_71]

Peut être que je suis passé à travers mais je n'ai pas vu où tu as appelé l'image de tes puces. A moins que ce ne soit tes background mais alors tu fais erreur. Le code pour personnaliser l'image de tes puces est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
list-style-image: url(chemin_de_ton_image.gif);

Le background c'est pour ton fond de cadre comme la page ou un div (enfin a priori je ne crois pas que sa puisse te servir pour afficher ton image de puce).

Redis moi si sa marche avec ce code déjà