Discussion :

[Msieurduss]

Bonjour à tous

J'utilise un menu déroulant sur un site. Je me suis inspiré de celui de Batiste Bieler ici : http://dosimple.ch/articles/Menus-dy...orizontal.html

Tout fonctionne bien, j'aime beaucoup son menu, son code, tout ça...
Mon problème : je joins une image pour me faire comprendre.
Vous voyez la partie en orange ? C'est là où se trouve ma souris (soyez rassurés hein, les couleurs ne sont là que pour aider à voir les zones ^^).

Et bien j'aurais aimé que cette partie orange soit de la taille du texte (les éléments en-dessous peuvent l'être ou ne pas l'être, peu importe, le fond sera uni pour tous). Seulement, sur tous les menus déroulants que je vois, les blocs sont de tailles fixes. En Css, ça se traduit souvent par un display:block; sur les balises a et ul, avec une width fixée.

Quelqu'un connaît-il une solution, comme ça, à chaud ?

[Msieurduss]

Aucune réponse ? Est-ce parce que mon message manque de précisions (certains auraient voulu du code HTML / CSS / Js), ou est-ce parce que personne n'a de solution à proposer ?
Ou autre ?

[le_chomeur]

et en enlevant le display:block ?

[Msieurduss]

Penses-tu, j'ai essayé ! C'est la width qui force et empêche d'améliorer le tout...
Seulement, sans width, tout se barre en c...
Et même en enlever tous les blocks et width, ça ne s'améliore pas

[le_chomeur]

tu souhaites au final avoir tes sous menu de largeur variable ?

essaye de placer le texte dans une span sur laquelle tu places la couleur désiré, et tu ne met pas de souleur sur le sous menu

[Msieurduss]

Je m'en suis sorti autrement, avec une propriété CSS que j'avais oubliée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

white-space: nowrap;

Et de toute façon, tout a la même couleur de fond, donc rien ne se voit (le jaune et l'orange étaient de toute façon là pour faire du "zoning" dans le dév plus qu'autre chose).

Merci pour tes conseils et ta patience en tout cas