un hover qui ne marche pas sur ie

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : un hover qui ne marche pas sur ie

ouioui2000

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 :

<!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>

Publicité

mechkurt

la pseudo classe :hover ne fonctionne qu'avec la balise <a> pour IE...

---------------
D3

ouioui2000

J'ai tenté de la mettre sur une balise <a>
Mais non :roll: , mettre le hover sur la balise <a> marche 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 :

<!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>

Message cité 1 fois

masklinn

í dag viðrar vel til loftárása

ouioui2000 a écrit :

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

http://www.cssplay.co.uk/menus/dropdownfun.html [:pingouino]

Message cité 1 fois

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

ouioui2000

J'ai trouvé cet exemple de menu css, ou le hover est appliqué à un ul.
http://www.meyerweb.com/eric/css/edge/menus/demo.html

Hors on m'a dit que le hover avec IE ne peut s'appliquer que sur a <a>.

Ma conclusion est : Internet explorer est une grosse bouse utiliser par 80% des internautes !!

Car pour moi, il n'y aujourd'hui aucun moyen de faire un menu déroulant à 2 niveaux sans javascript. Cela semble impossible.

Est-ce Internet explorer 6 va etre enfin remplacé par un truc qui comprennent le css ? Ca nous enleverai une épine du pied !

Message cité 1 fois

mechkurt

masklinn a écrit :

http://www.cssplay.co.uk/menus/dropdownfun.html [:pingouino]

putain c'est quand même bien moche, je sais pas si tu as vue la source mais le code html en double (IE et FF) et le CSS idem, je trouve que c'est un peu reloud comme solution...

Message cité 1 fois

---------------
D3

masklinn

í dag viðrar vel til loftárása

ouioui2000 a écrit :

Belle découverte jean-louis, avec 3 ans de retard, mais belle découverte quand même [:dawa]

ouioui2000 a écrit :

Est-ce Internet explorer 6 va etre enfin remplacé par un truc qui comprennent le css ? Ca nous enleverai une épine du pied !

http://forum.hardware.fr/hardwaref [...] 7190-1.htm

mechkurt a écrit :

putain c'est quand même bien moche, je sais pas si tu as vue la source mais le code html en double (IE et FF) et le CSS idem, je trouve que c'est un peu reloud comme solution...

J'pense que t'as raté le pingouino qui suivait le lien [:dawa]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

mechkurt

je me fait un devoir d'enfoncer les portes ouvertes (la 2éme version avec des commantaires conditionnels entre chaque sous partie du menu est pas mal non plus)

---------------
D3

ouioui2000

Pour la nouvelle version ie 7, c'est super :
http://forum.hardware.fr/hardwaref [...] 7190-1.htm

J'ai retenu :
- :hover disponible sur tous les éléments

Merci de vos réponses éclairées.

En prenant comme critère, la simplicité d'utilisation et de compréhention du code, j'ai fait le choix suivant :

http://www.brothercake.com/scripts/listmenu/

Il est simple, commenté, adaptable et cité par Eric Meyer ce qui est un gage de qualité !

NB : Désolé d'avoir attraper le train en marche (déjà 3 ans que cela existe, une éternité !). Ceci dit, quand on voit que le "xmlHttpRequest" ( qui existe depuis de nombreuses années ) est remis tout d'un coup au gout du jour par google via ajax, on se demande ou est le wagon de tête du train et est-ce qu'il faut être à l'interieur.

ouioui2000

[resolu]

FORUM HardWare.fr

Programmation

HTML/CSS

un hover qui ne marche pas sur ie

Sujets relatifs
sa ne marche pas !!!	Ce cookie ne marche pas sur mon ordi !!
Problème de sélecteur ( :hover et compagnie)	[GDI+] Image et Frames : comment ça marche ?
Condition qui ne marche pas ...	L'affichage d'une ligne cachée via css ne marche pas avec ie
[VBA Excel] Changement du format d'un cellule ne marche pas	comment marche la fonction fade in et fade out ?
a:hover ne marche pas sur tous mes liens!
Plus de sujets relatifs à : un hover qui ne marche pas sur ie

Page générée en 0.074 secondes