28172 sujets

CSS et mise en forme, CSS3

[Résolu]Menu jQuery déroulant arrière plan au lieu d'avant plan

Bonjour, je poste ici car je pense que c'est plus un problème de CSS que de jQuery.

J'ai un menu déroulant en jQuery, au survol des catégories les sous-catégories s'affiche en arrière plan.

Voir ici : http://www.crpa-manzone.fr/

Je ne sais pas trop d'où vient le problème, quelqu'un aurait une idée ?
Modifié par ToxiK (15 Oct 2010 - 12:04)
Salutation

Vérifie le z-index de ton sous-menu.
Tu as aussi les espaces entre les sous-menus qui sont un peu trop espacé. Tu pourras jouer avec çà aussi.

N'oublit pas que les éléments se positionnent comme une pile : un par dessus l'autre et qu'un script s'exécute instruction par instruction de haut en bas. Le z-index:500 pour ton CSS concernant le sous-menu par exemple est une solution.

++
Modifié par zardoz (15 Oct 2010 - 01:13)
Oui j'ai aussi ce petit problème d'espace mais j'ai du mal à centrer le texte verticalement lorsque je réduit la hauteur de mes <li> ...

[Résolu aussi] en ajoutant un line-height de la même hauteur que mon <li>

Sinon je ne m'en suis sorti avec les z-index, j'oublie de mettre mes <div> en position:relative;
Modifié par ToxiK (15 Oct 2010 - 12:10)
Hello

Aussi vérifie l'adresse de ton bouton « www » celui-ci décrit une adresse fautive.
Comme ceci : -http://forum.alsacreations.com/www.toxikplanet.fr

Une erreur trop fréquente sur Alsa je trouve. Je me demande pourquoi d'ailleurs Smiley cligne

Eh bien oui je suis allez vérifier ton site et ça c'est améliorer. Bravo.
Réfléchit bien ton menu et sous-menu en ne recherchant pas la transparence qui peut détériorer la lisibilité.

En fait tu devrais faire des choix en fonction de la lisibilité : donc tes menus et sous-menus devront possiblement être 100% opaque, mais pas en bas de 75%, en choisissant un background pouvant favoriser la lisibilité. Pense toujours en terme de fonctionnalité et de lisibilité avant toute chose.

++
Modifié par zardoz (15 Oct 2010 - 22:03)
Sujet clos
Aller à