hover non pris en compte

**laurentSc** · 30/10/2015, 13h58

Bonjour,

j'ai un menu dont chaque item est entouré quand on le survole ; ça fonctionne bien pour tous les items sauf un ; il a bien sûr le même code que les autres, mais pas moyen de l'entourer quand on le survole...Comment faire ?

Code html :

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
	<ul class="colorbackground">
 
 
	<li class="colorbackground spiceportal"><a href="---" title="---" target="_blank">
Spice Portal</a></li>
	<li class="colorbackground planview"><a href="---" title="---"   target="_blank">
Planview</a></li>
	<li class="colorbackground concerto"><a href="---" title="---" target="_blank">
Concerto</a></li>
	<li class="colorbackground box"><a href="---"  title="---"  target="_blank">
	Box	</a></li>
	<li class="colorbackground spice"><a href="---" title="---" target="_blank">
Spice	</a>	</li>
 
 
	</ul>

Code css :

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
 
.colorbackground {
	background-color:#e1e4f2;
}
 
.planview {
  height:100px;
  background-image: url('http://localhost/eis/eis/images/planview.jpg');/* http://localhost/eis/eis/images/planview.jpg */
  background-position: left 100%;
  background-size: 100px 80px;
  background-repeat: no-repeat;
  padding-left: 0px; 
  border: 1px solid #e1e4f2;
}
 
.planview:hover {
  border: 1px solid black;
}
 
.concerto{
  height:100px;
  background-image: url('http://localhost/eis/eis/images/concerto.jpg');/* http://localhost/eis/eis/images/concerto.jpg */
  background-position: left 100%;
  background-size: 100px 80px;
  background-repeat: no-repeat;
  padding-left: 0px; 
  border: 1px solid #e1e4f2;
}
 
.concerto :hover {   /* cet hover n'est pas pris en compte */
  border: 1px solid black;
 
/* même principe pour les classes spiceportal, box, spice*/
}