Menu déroulant CSS.

Bonjour,

J'ai confectionné un menu déroulant à partir d'un tuto et j'ai un problème.

Le problème est le suivant : Quand je passe la souris sur le mot "Recherche" du menu, j'ai une image de fond qui s'affiche de dimension supérieur aux dimensions du mot recherche. Ce qui fait que tout est décalé dès que je met la souris sur le mot.

Pour ceux qui n'ont pas compris, je vous invite à voir ici : http://jnewb.free.fr

Voilà, merci.

Bonsoir,

Le problème vient du width:204px sur #menuDeroulant .sousMenu li.

Oui, en effet, merci. :)

Edit : cependant, l'image qui s'affiche lors du survole du menu n'est pas positionné comme je le souhaite ni de bonne résolution.

Merci.

Mets le padding-left:24px; sur <a> plutôt que le conteneur <li>.

Ici,

Code:

---

1 2 3 4

#menuDeroulant a.sousMenu { padding-left:24px; }

---

?

Merci.

Oui :)

Merci, mais ça ne marche pas. Rien ne change quelque soit la valeur mise. :/

Citation:

---

Envoyé par JeanJean75

Merci, mais ça ne marche pas. Rien ne change quelque soit la valeur mise. :/

---

Le seul problème que je vois là c'est "tomates" qui déborde, .sousMenu2 n'a pas de style c'est normal.

Code:

---

1 2 3 4 5 6 7 8 9 10

#menuDeroulant .sousMenu, #menuDeroulant .sousMenu2 { background-image:url(Images/1.png); border:0 none; display:none; list-style-type:none; margin:0; padding:10px 0 0 0; /* top:-10px; */ }

---

Je ne parle pas de ça, mais du "tomate" sous "recherche" Ce qu'il affiche n'est pas du tout aux bonnes dimensions. :/

Citation:

---

Envoyé par JeanJean75

Je ne parle pas de ça, mais du "tomate" sous "recherche" Ce qu'il affiche n'est pas du tout aux bonnes dimensions. :/

---

Quel est le rendu souhaité ? Pourrais tu nous donner une maquette ou un design pour montrer ce que tu veux faire au juste ?

Of course. :d

http://img35.imageshack.us/img35/6307/barrei.png

Ce au passage de la souris sur "Recherche". ;)