problème menu déroulant Résolu/Fermé

Question

Bonjour,  


Je suis en train de réaliser un portfolio pour un ami photographe, afin qu'il puisse y publier ces photos. 
J'ai donc décidé de créer un menu déroulant pour y joindre chaque nom d'album réparti en différentes catégories.  
J'ai donc repris cette idée :  
http://www.sohtanaka.com/web-design/examples/mega-dropdowns/ 

Tout fonctionne parfaitement bien, seulement lorsque je suis sur la page où ce trouve mon diaporama, mon menu ne s'affiche pas correctement. 
Le diaporama en question est celui-ci :  
http://www.twospy.com/galleriffic/example-4.html 

Il s'agit donc d'un problème d'incompatibilité entre les différentes ressources Jquery. 
Voici un aperçu du problème :  
http://nsa25.casimages.com/img/2011/01/17/110117094326667322.jpg



Je cherche donc désespérément une solution à mon problème. 
- Soit résoudre ce problème d'incompatibilité, mais cela signifie qu'il faut chipoter et s'y connaître en java script, ce qui n'est pas mon cas. 

- Ou, faire un menu similaire sans jQuery. Est-ce possible ? Si oui pouvez vous me donner un exemple sur lequel je peux m'inspirer du code ?  



PS : mon site, n'est pas encore en ligne mais si vous voulez y jeter un oeil je peux vous compresser le tout en un fichier rar et vous l'envoyer. 


Merci d'avance. 
Hugo  

Configuration: Windows XP / Firefox 3.6.13

*La musique fait la force*

niconovice · Answer

salut, je ne pense pas qu'il s'agisse d'une incompatibilité mais je veux bien le .rar, tu n'as qu'à l'uploader sur freeftp et puis lol pour le premier onglet d'ouvert sur ta photo xD

arthezius · Answer

Sur ton lien d'exemple je ne retrouve nul par ce qu'il y a sur la capture d'écran...

olivierrobins · Answer

Hello,

Il s'agit peut-être simplement d'un problème de positionnement, qui peut être réglé facilement en ajoutant des z-index dans le CSS. Mais ça risque d'être efficace uniquement si le menu et le diaporama utilisent des positions absolues. Enfin bref, il faudrait que je puisse voir le code pour savoir. Si tu veux m'envoyer le rar par e-mail, n'hésite pas. C'est l'adresse qui est dans mon profil.

Olivier

olivierrobins · Answer

Merci pour le rar, alors en effet c'est tout simple:

Dans le fichier drop-menu.css il faut rajouter ça:

position:absolute;
z-index:100;

en dessous de ça:

ul#topnav{

Donc au final tu auras ça:

ul#topnav {
	position:absolute;
	z-index:100;
	margin: 0; padding: 0;
	width: 100%;
	list-style: none;
	font-size: 100%;
	background: url(../images/habillage/bg-menu.jpg);
}

au lieu de ça:

ul#topnav {
	margin: 0; padding: 0;
	width: 100%;
	list-style: none;
	font-size: 100%;
	background: url(../images/habillage/bg-menu.jpg);
}

Ça devrait marcher normalement (chez moi ça fonctionne)

Problème menu déroulant

4 réponses

Discussions similaires