Feuille de style avec Hover ne marchant pas avec IE

**ouioui2000** · 06/03/2006, 13h31

Bonjour,

Ce code épuré issu d'un menu deroulant ne marche par sur Internet explorer (6.0) alors qu'il marche sur Firefox.

Comment faire marcher ce code sur Internet explorer ! Pourquoi ne marche-t-il pas ?

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">
 
ul#menu li ul{
  display:none;
}
 
ul#menu li:hover ul{
  display:block;
}
 
 
</style>
 
</head>
<body>
 
<ul id="menu">
	<li ><a href="#" >Enregistrement</a>
		<ul>
			<li class="first">
			<a href="#" ><span> Enregistrer </span></a></li>
			<li><hr /></li>
			<li><a href="#" ><span> Recherche</span></a></li>
		</ul>
	</li>
</ul>
 
</body>
</html>

**_dranece_** · 06/03/2006, 13h37

Essayes d'appliquer le hover sur le tag "<a>":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
ul#menu li a:hover ul{
  display:block;
}

**SpaceFrog** · 06/03/2006, 14h08

+1
IE ne reconnait le hover que pour la balise a

**ouioui2000** · 06/03/2006, 15h11

Je me suis dit super !

Mais non

, mettre le hover sur la balise <a> macrhe bien sur firefox mais toujours pas sur IE.

Autre question : existe un moyen simple de faire un menu déroulant sans javascript utilisable sur IE et Firefox

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">
 
ul#menu li ul{  display:none; }
 
ul#menu li a:hover ul{
  background:#FFCCCC;
  display:block; }
</style>
 
</head>
<body>
 
<ul id="menu">
	<li >
	<a href="#" >Enregistrement
		<ul>
			<li class="first">
			<a href="#" ><span> Enregistrer </span></a></li>
			<li><hr /></li>
			<li><a href="#" ><span> Recherche</span></a></li>
		</ul>
	</li>
	</a>
</ul>
 
</body>
</html>

**SpaceFrog** · 06/03/2006, 15h18

non il te faut faire l'inverse... mettre le ul dans la balise a ...

a.ul.li ....

**ouioui2000** · 06/03/2006, 15h59

Je n'ai pas compris, j'ai essayé :

[block]
ul#menu a:hover ul.li {
background:#FFCCCC;
display:block;
}
[/block]

Afin d'afficher mes "li" au sein des a.ul mais ca ne marche pas.

Quand tu dit

mettre le ul dans la balise a ..

Tu parle du css ou du html ?