Discussion :

[musashi29]

Bonjour,
je rencontre un probleme avec un menu déroulant.
J'ai mis en pieces jointe le fichier css qui me pose problème et le fichier htm d'accompagnement.
il s'agit de plusieurs menus horizontaux avec des sous-menus déroulant.
Mon problème vient du fait que seul le dernier menu à droite se déroule.
Quelqu'un a une idée??

Merci

[voleurdecarottes]

Tu utilises quel navigateur pour développer? Perso j'utilise Firefox avec les extensions Web Developer et Firebug, et tu devrais faire pareil.

Justement, quand on passe la souris sur ton menu avec Web Developer, on voit qu'il y a un problème de div. Sur "environnement", le passage de la souris renvoie bien li > a > div, alors que ce n'est pas le cas pour les 2 autres.

[musashi29]

J'utilise IE8, mais je vérifie sur tous les navigateurs (firefox et safari ...)
j'ai juste changer les id, a chaque fois que je rajoute une menu, c'est seulement le dernier à droite qui fonctionne?
Je ne trouve pas le bug.

[voleurdecarottes]

Tu ne dois pas juste vérifier visuellement. Avec les bons outils tu aurais eu une piste dès le départ. Installe Web Developer sur Firefox, et dans WebDeveloper utilise l'option Outline / Outline current element, et balade ta souris sur l'écran, tu verras.

Je pense que ton problème se situe sur l'ul menuDeroulant3. Il couvre une bien trop grande partie de ta page, du coup ta souris ne peut aller que sur cet ul.

Je trouve ton CSS beaucoup trop compliqué pour un simple menu déroulant. Par exemple tu utilises des id partout alors que tu pourrais factoriser en utilisant des class à plusieurs endroits. Et tu devrais bannir l'utilisation des table pour des données non tabulaires, tu dois pouvoir faire tenir ton menu dans des div.

Tu devrais prendre un menu déroulant tout fait sur internet et l'adapter pour tes besoins

[musashi29]

Merci beaucoup pour tous ces conseils,
j'ai récupéré le menu sur internet, mais comme mes menus sont tous différent, je pensais qu'avec les id c'était plus simple.
L'idée étant de créer un menu avec des couleurs différentes sur chaque choix...

Merci encore

[desert]

Bonjour,
Tu as pas mal pas d'erreurs dans le code html :
- balises body et html non fermées.
- balise title manquante.
- les attributs width, height, border, align sont devenus dépréciés.
- balises ul qui contient une balise div non fermée. Elles ne peuvent contenir que des élements li.
- balises div dans balises a = pas bien.

Pour le reste, je rejoins voleurdecarottes.