un hover qui ne marche pas sur ie

un hover qui ne marche pas sur ie - HTML/CSS - Programmation

Marsh Posté le 06-03-2006 à 13:29:23    

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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4. <style type="text/css">
  6. ul#menu li ul{
  7.   display:none;
  8. }
  10. ul#menu li:hover ul{
  11.   display:block;
  12. }
  15. </style>
  17. </head>
  18. <body>
  20. <ul id="menu">
  21. <li ><a href="#" >Enregistrement</a>
  22.  <ul>
  23.   <li class="first">
  24.   <a href="#" ><span> Enregistrer </span></a></li>
  25.   <li><hr /></li>
  26.   <li><a href="#" ><span> Recherche</span></a></li>
  27.  </ul>
  28. </li>
  29. </ul>
  31. </body>
  32. </html>

Reply

Marsh Posté le 06-03-2006 à 13:29:23   

Reply

Marsh Posté le 06-03-2006 à 13:36:15    

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


---------------
D3
Reply

Marsh Posté le 06-03-2006 à 15:13:04    

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 :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4. <style type="text/css">
  6. ul#menu li ul{  display:none; }
  8. ul#menu li a:hover ul{
  9.   background:#FFCCCC;
  10.   display:block; }
  11. </style>
  13. </head>
  14. <body>
  16. <ul id="menu">
  17. <li >
  18. <a href="#" >Enregistrement
  19.  <ul>
  20.   <li class="first">
  21.   <a href="#" ><span> Enregistrer </span></a></li>
  22.   <li><hr /></li>
  23.   <li><a href="#" ><span> Recherche</span></a></li>
  24.  </ul>
  25. </li>
  26. </a>
  27. </ul>
  29. </body>
  30. </html>

Message cité 1 fois
Reply

Marsh Posté le 06-03-2006 à 15:32:43    

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
Reply

Marsh Posté le 07-03-2006 à 12:03:11    

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
Reply

Marsh Posté le 07-03-2006 à 12:14:30    

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
Reply

Marsh Posté le 07-03-2006 à 12:57:46    

ouioui2000 a écrit :

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


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
Reply

Marsh Posté le 07-03-2006 à 13:34:46    

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
Reply

Marsh Posté le 08-03-2006 à 10:20:46    

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.

Reply

Marsh Posté le 09-03-2006 à 17:03:20    

[resolu]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed