Discussion :

[BlackSmith]

Bonjour,

voici mon problème


Fonctionnement normal : un seul lien doit être en orange et pas tous.

Voici le CSS associé

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
44
45
46
47
48
49
50
 
#main #middle #sidebar {
   float: left;
   width: 250px;
   min-height: 200px;
   margin: 4px;
   margin-left: 0;
}
#main #middle #sidebar ul {
	margin: 0;
	padding-left: 4px;
}
#main #middle #sidebar ul li{
	border-bottom:1px solid #DDDDDD;
	line-height:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	margin-left: 5px;
	margin-top : 1px;
	padding-bottom:5px;
 
}
#main #middle #sidebar ul li.current {
	color: #53b47f;
}
 
#main #middle #sidebar ul li.current a{
	color: #53b47f;
}
 
#main #middle #sidebar ul li:hover.current {
	color: #53b47f;
}
#main #middle #sidebar ul li:hover.current a{
	color: #53b47f;
}
 
#main #middle #sidebar ul li:hover {
	color: #fbb100;
}
 
#main #middle #sidebar ul li:hover a{
	color: #fbb100;
}
 
#main #middle #sidebar ul li a {
	color:#444444;
}

A mon avis on doit pouvoir faire plus simple. mais ce n'est pas le problème.

Et enfin le code html

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
 
<div id='sidebar'>
	<ul>
		<li><a href='' title='Configuration du site'>Configuration du site</a></li>
		<li><a href='' title='Modification de la structure'>Modification de la structure</a></li>
		<li class='current'><a href='' title='Modification du contenu'>Modification du contenu</a></li>
		<li>
			<ul>
				<li><a href='' title='Boite de texte'>Boite de texte</a></li>
				<li><a href='' title='Contenu d un autre site'>Contenu d'un autre site</a></li>
				<li><a href='' title='Plan du site'>Plan du site</a></li>
				<li><a href='' title='Liste de photo'>Liste de photo</a></li>
				<li><a href='' title='Actualité'>Actualité</a></li>
				<li><a href='' title='Archive actualité'>Archive actualité</a></li>
			</ul>
		</li>
	</ul>
</div>

Alors à votre avis, comment je fais pour avoir qu'un seul lien qui apparaisse en hover au lieu de tous.

[kendyan]

transforme ta classe .current en id pour tester

[BlackSmith]

Il s'agit d'un menu a plusieurs niveau : donc on peut avoir plusieurs "current" en même et de toute façon le problème ne venait pas de là mais des li:hover. sachant que j'avais deja des a:hove plus au dans mon css qui fesait la même chose.