Feuille de style avec Hover ne marchant pas avec IE
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:
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> |
existe un menu déroulant sans javascript
Je me suis dit super !
Mais non :roll: , 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:
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> |
