Problème menu déroulant
Résolu
hugo_d
Messages postés
87
Date d'inscription
Statut
Membre
Dernière intervention
-
olivierrobins Messages postés 225 Date d'inscription Statut Membre Dernière intervention -
olivierrobins Messages postés 225 Date d'inscription Statut Membre Dernière intervention -
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
*La musique fait la force*
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
*La musique fait la force*
A voir également:
- Problème menu déroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Excel
- Canon quick menu - Télécharger - Utilitaires
4 réponses
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
Sur ton lien d'exemple je ne retrouve nul par ce qu'il y a sur la capture d'écran...
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
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
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)
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)