Problème avec onMouseover et onMouseout

Problème avec onMouseover et onMouseout - HTML/CSS - Programmation

Marsh Posté le 23-05-2011 à 15:02:47    

Bonjour,
voilà, j'ai un souci avec ie, grrrrrrrrrrrr!
J'ai 2 menus horizontaux qui m'affichent (avec onmouseover) un div contenant un autre div contenant un tableau de liens (image en background) .
Le problème avec ie : lorsque le curseur passe sur les bords des balises td mes menus se referment et se rouvrent aussitôt (clignotement).
 
précision : Pour maintenir (pour tous les navigateurs) les menus ouverts j'ai du placer un onMouseover et onmouseout sur les 2 divs.
 
Si quelqu'un avait une idée.
 
Merci.

Reply

Marsh Posté le 23-05-2011 à 15:02:47   

Reply

Marsh Posté le 24-05-2011 à 09:13:28    

div, table != menus
 
Va voir sur :
http://sixrevisions.com/css/30-exc [...] echniques/
 
ou ailleurs (navigation menu sur google)

Reply

Marsh Posté le 24-05-2011 à 11:53:03    

Merci xtof_83,
Je suis allé voir et décortiquer ta page : j'ai trouvé quelque chose d'intéressant qui permet, sous ie, de supprimer les espaces entre les lignes de listes li. Ceci permet  au menu de ne pas ce refermer au passage du curseur entre chaque ligne, comme ce que je souhaite : http://www.alistapart.com/articles/horizdropdowns
Mais voilà dans ce cas présent le problème ce situe au passage du curseur entre les td (et surement entre les tr également).
Là je colle!

Reply

Marsh Posté le 24-05-2011 à 15:14:56    

Problème résolu :
J'ai simplement placé un div 100% en position absolute en superposition  entre la page d'annonce et les menus (z-index le plus haut), auquel j'ai attribué un onMouseover="document.getElementById('...id_du_div...').style.visibility='hidden';" voir ici : http://www.touslesbonsplans.fr/
Et ça fonctionne avec tous les navigateurs...
Merci qd même.

Reply

Marsh Posté le 24-05-2011 à 16:07:08    

Utiliser JQuery et/ou JQueryUI t'aurais evité de reinventer la roue une fois de plus.

Reply

Marsh Posté le 24-05-2011 à 16:14:34    

Salut fred777...,
Si seulement j'avais la moindre idée du fonctionnement de JQuery...
Mais pendant que tu es là, j'ai cru comprendre qu'il fallait placer un script à part et l'appeler en header, c'est ça? si oui, quel script et comment l'appeler, puis comment placer du code JQuery ensuite dans la page HTML?
Enfin si t'as pas le temps de répondre c'est pas grave mais c vrai que je voudrais tellement m'y mettre à ce JQuery.
merci.
 

Reply

Marsh Posté le 24-05-2011 à 16:28:01    

Si tu ne connais pas jQuery et jQuery UI, c'est le moment de s'y mettre, pour ma part, je n'envisage plus de réaliser un site sans ce framework.
 
Les ressources ne manquent pas sur le net et la prise en main/apprentissage sont vraiment hyper simple.
 
Je te propose, si tu as une demi heure à investir, de visionner cette vidéo.

Reply

Marsh Posté le 24-05-2011 à 16:30:56    

sympa, je regarde ça dès que j'ai le temps.

Reply

Marsh Posté le 03-06-2011 à 08:33:23    

Fk01, j'ai visionné ton tuto, très bien, très convaincant, du coup je mis suis mis!! merci.

Reply

Marsh Posté le 03-06-2011 à 20:02:22    

Hehe, perso je suis spécialisé dans les RIA avec jQuery donc si tu as un soucis avec ce dernier, c'est avec plaisir.

Reply

Marsh Posté le 03-06-2011 à 20:02:22   

Reply

Marsh Posté le 05-06-2011 à 21:55:07    

ok, je retiens!... merci

Reply

Sujets relatifs:

Leave a Replay

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