Discussion :

[squall049]

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 :

Se que je voudrais faire :

Le code CSS en question des 3 images est :

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
.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é.