[CSS] background-image et classes différentes
Bonjour,
J'ai un petit souci avec un bout de CSS pour ce site : www.oliotechnology.fr/test2/
Il s'agit du menu de gauche auquel je souhaite appliquer une image de fond à chaque lien.
J'arrive à appliquer la même image pour tous les liens, mais ce n'est pas ce que je veux.
Comme il y a des menus et des sous-menus, je voudrais les différencier avec chaque fois une image de fond différente pour chaque classe.
Mais rien à faire, ça veut pas prendre !
Ci-dessous, j'ai tenté de placer une image sous le premier lien de ma liste (j'ai arrêté après la première classe. Les autres sont de construction quasi identiques) :
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
|
#cheminfer2 {
margin-left:0px;
padding:0px;
}
#cheminfer2 li {
text-align:center;
}
#cheminfer2 li a {
height:20px;
width:100%;
}
#cheminfer2 li a:link,
#cheminfer2 li a:visited {
display:block;
}
#cheminfer2 .Menu {
margin-left:0px;
padding:0px;
}
#cheminfer2 .Menu li {
display:block;
height:50px;
width:100%;
background-image:url(images/menughaut.jpg);
background-repeat:none
}
#cheminfer2 .Menu li a:link,
#cheminfer2 .Menu li a:visited {
color:#FF0000;
} |
et le code html :
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
|
<ul id="cheminfer2" class="Menu">
<li><a href=http://www.oliotechnology.fr/test2/index.php?id_page=3>Produits</a>
</li>
<ul class="sousMenu">
<li><a href="index.php?id_page=9">presses</a>
</li>
<li><a href="index.php?id_page=10">Filtres</a>
</li>
<li><a href="index.php?id_page=11">Granuleurs</a>
</li>
<ul class="sousMenu2">
<li><a href="index.php?id_page=22">GR75E</a>
</li>
<li><a href="index.php?id_page=23">GR300E</a>
</li>
<li><a href="index.php?id_page=24">GR45D</a>
</li>
<li><a href="index.php?id_page=25">GR220D</a>
</li>
</ul>
<li><a href="index.php?id_page=12">broyeurs</a>
</li>
<li><a href="index.php?id_page=13">Déchiqueteurs</a>
</li>
<li><a href="index.php?id_page=14">Pièces</a>
</li>
</ul>
</ul> |
Quelqu'un peut-il me dire ce que j'ai fais de travers ? :P Parce que là, j'ai eubeau chercher, je ne vois pas ! :)
Merci encore pour votre aide précieuse ! :)
