2 pièce(s) jointe(s)
Souci de configuration de plusieurs hover
Bonsoir à tous
Voilà je viens de finir la mise en page de mon ascenseur mais j'ai un souci sur le dernier hover. Pour la partie mobile qui permet de monter ou descendre dans la page, j'utilise 3 images mais que la partie centrale est en repeat-y. Se que je souhaite est que si je positionne sur 1 des 3 images, le hover s'active sur les 3 et non sur 11 seule par rapport a celle qui est sélectionner.
Pour faire plus simple:
Se que j'ai en se moment : Pièce jointe 144939
Se que je voudrais faire :Pièce jointe 144940
Le code CSS en question des 3 images est :
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
| .vscrollerbarbeg {
background:url(asc_haut.png);
width: 31px;
height: 10px;
cursor:pointer;
}
.vscrollerbarbeg:hover {
background-position: 0 10px;
}
.vscrollerbarmid {
width: 31px;
background:url(asc_centre_1.png) repeat-y;
cursor:pointer;
}
.vscrollerbarmid:hover {
background:url(asc_centre_2.png) repeat-y;
}
.vscrollerbarend {
background:url(asc_bas.png);
width: 31px;
height: 10px;
cursor:pointer;
}
.vscrollerbarend:hover {
background-position: 0 10px;
} |
Merci à ceux qui pourrais m'éclairé.
