28172 sujets

CSS et mise en forme, CSS3

Bonjour !

Voilà des heures et des heures que je tourne mon code dans tous les sens et impossible de trouver la solution... Je suis très mauvais en JS et je crois que le problème vient de là !

J'ai réalisé un menu CSS déroulant horizontal.
Sous celui-ci j'ai placé un carousel. Seul problème, le menu passe sous cet élément... du coup, impossible d'atteindre le bas du menu. J'ai exactement le même problème avec les numéros de slide. L'élément étant placé dans la zone "javascript", il n'est plus cliquable.

Si quelqu'un a une solution pour que cette partie là se place en dessous, ça serait formidable !
J'ai testé pas mal de chose sur le css (position/z-index/etc.etc.) rien ne fonctionne...

Le site est disponible à cette adresse :
http://fetlyf.com/beta/

Merci d'avance pour votre aide !
Modérateur
Salut,

Ton problème n'est pas lié au JS mais bel et bien aux styles CSS.

Ligne 51 de ta feuille de styles, tu peux ajouter un position:relative; ainsi qu'un z-index élevé sur le tag ul et ça résout le problème. (Je n'ai vérifié que sur Fx par l'intermédiaire de Firebug; je te laisse regarder sur les autres navigateurs)
Merci beaucoup ! Ça marche impec sur Firefox effectivement...
En fait... j'avais testé la solution mais je pensais que z-index: 1 ... était le premier plan. Ton commentaire m'a permis de voir que cela faisait des mois et des mois que je vivais dans l'erreur ! Merci encore pour ton aide !!