Menu déroulant en CSS

auxanneorchid · 18/10/2011, 14h54

Bonjour,

Je suis nouvelle, avec pas bcp d'expérience, mais pas mal de patiente!
Je plante sur mon menu déroulant Css depuis des heures, pouvez-vous m'aider?

Je ne sais pas si c'est une question de position. Il me semble également avoir fixé toutes les largeurs pour la navigation.
SUR FIREFOX, pas de problème, il comprend très bien le message et effectue le menu déroulant comme je le souhaite.

Mais voilà, sur SAFARI, cela ne fonctionne pas.

Voici mon problème :
En position relative la sounav de "team" fonctionne.
Pour la sousnav de "esthétique", problème: en position relative, elle fait gigler "team" à la ligne. En position absolute (avec données de positionnement), le déroulement ne se passe pas correctement. Au survol de "esthétique" la sousnav apparaît mais si je déplace la souris dans les li de la sousnav "esthétique, celle-ci disparaît. Comme s'il n'y avait plus de parenté.

Je mets en fichier joint le code (CSS et html mélangé)! N'hésitez pas à me communiquer si il manque qqch pour pouvoir m'aider...
Merci à vous tous si vous pouvez me donner un coup de main!

oceane751 · 18/10/2011, 15h55

aurais tu une url?

auxanneorchid · 18/10/2011, 16h18

Bonjour,
Non juste les fichiers html et les images (ci-dessous)
J'étais arrivée jusqu'à pageaccueil15.html, puis j'ai essayé de reprendre pas à pas avec un code plus léger (testmenu6.html)

Merci beaucouP

oceane751 · 18/10/2011, 16h24

tu bosses avec dreamweaver?

auxanneorchid · 18/10/2011, 16h53

Oui. Pourquoi?

oceane751 · 18/10/2011, 16h55

car dreamweaver te génère des menus..
"insertion", puis "spry" ==> "barre de menus spry"

auxanneorchid · 18/10/2011, 17h15

mais je ne me rend pas compte si c'est facile à remettre à ma sauce...vais essayer

oceane751 · 18/10/2011, 17h25

si si!!

à la place de "element 1" tu mets ton 1er onglet "element 2" 2ème onglet etc..
après tu as une liste du type <ul><li></li></ul> ça ce sont tes sous menus..
après tu mets le css que tu veux!
donc tu as :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<ul>
<li>element 1</li>
<ul>
<li>sous menu element 1</li>
...
</ul>
</li>
 
<li>element 2</li>
<ul>
<li>sous menu element 2</li>
...
</ul>
</li>
</ul>

etc etc...
n'oublie pas de bien de vérifier que les js et css sont bien dans ton <head></head>

Code :

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

1
2
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

ainsi que

Code :

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

1
2
3
4
5
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>

oceane751 · 18/10/2011, 17h27

si tu as besoin suis là jusqu'à 18h et surement ce soir vers 22h30

sinon demain !

auxanneorchid · 18/10/2011, 18h29

Merci!!!! Je suis en train de travailler dessus!
Je me suis 1000 fois compliqué la vie!
Après à voir si je lie bien tous les fichiers ensemble!
Je reviens sur le forum si jamais...mais ça a déjà une tête plus normale!

oceane751 · 18/10/2011, 19h16

j'ai 2 secondes pour te répondre

si ton menu avec les sous menu fait un truc bizarre (et si tu touches rien) c'est que tu as mal joint le css et le js
je trouve qu'il n'est pas très compliqué à adapter

si vraiment tu as des soucis je suis là
sinon tu as tout ce qu'il te faut sur le site, mais je ne les connais pas (mais ça n'a pas l'air très compliqué) ici ==> http://css.developpez.com/galerie/?p...us-horizontaux

18/10/2011, 17h15	#7
auxanneorchid Invité de passage Inscription : octobre 2011 Messages : 5 Détails du profil Informations forums : Inscription : octobre 2011 Messages : 5 Points : 0 Points : 0	ok mais je ne me rend pas compte si c'est facile à remettre à ma sauce...vais essayer
	00

18/10/2011, 15h55	#2
oceane751 Membre éprouvé Intégrateur Web Inscription : novembre 2004 Messages : 992 Détails du profil Informations personnelles : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Intégrateur Web Informations forums : Inscription : novembre 2004 Messages : 992 Points : 434 Points : 434	aurais tu une url?
	00

18/10/2011, 16h18	#3
auxanneorchid Invité de passage Inscription : octobre 2011 Messages : 5 Détails du profil Informations forums : Inscription : octobre 2011 Messages : 5 Points : 0 Points : 0	Bonjour, Non juste les fichiers html et les images (ci-dessous) J'étais arrivée jusqu'à pageaccueil15.html, puis j'ai essayé de reprendre pas à pas avec un code plus léger (testmenu6.html) Merci beaucouP
	00

18/10/2011, 16h24	#4
oceane751 Membre éprouvé Intégrateur Web Inscription : novembre 2004 Messages : 992 Détails du profil Informations personnelles : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Intégrateur Web Informations forums : Inscription : novembre 2004 Messages : 992 Points : 434 Points : 434	tu bosses avec dreamweaver?
	00

18/10/2011, 16h53	#5
auxanneorchid Invité de passage Inscription : octobre 2011 Messages : 5 Détails du profil Informations forums : Inscription : octobre 2011 Messages : 5 Points : 0 Points : 0	Oui. Pourquoi?
	00

18/10/2011, 16h55	#6
oceane751 Membre éprouvé Intégrateur Web Inscription : novembre 2004 Messages : 992 Détails du profil Informations personnelles : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Intégrateur Web Informations forums : Inscription : novembre 2004 Messages : 992 Points : 434 Points : 434	car dreamweaver te génère des menus.. "insertion", puis "spry" ==> "barre de menus spry"
	00

18/10/2011, 17h27	#9
oceane751 Membre éprouvé Intégrateur Web Inscription : novembre 2004 Messages : 992 Détails du profil Informations personnelles : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Intégrateur Web Informations forums : Inscription : novembre 2004 Messages : 992 Points : 434 Points : 434	si tu as besoin suis là jusqu'à 18h et surement ce soir vers 22h30 sinon demain !
	00

18/10/2011, 18h29	#10
auxanneorchid Invité de passage Inscription : octobre 2011 Messages : 5 Détails du profil Informations forums : Inscription : octobre 2011 Messages : 5 Points : 0 Points : 0	Merci!!!! Je suis en train de travailler dessus! Je me suis 1000 fois compliqué la vie! Après à voir si je lie bien tous les fichiers ensemble! Je reviens sur le forum si jamais...mais ça a déjà une tête plus normale!
	00

18/10/2011, 19h16	#11
oceane751 Membre éprouvé Intégrateur Web Inscription : novembre 2004 Messages : 992 Détails du profil Informations personnelles : Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Intégrateur Web Informations forums : Inscription : novembre 2004 Messages : 992 Points : 434 Points : 434	j'ai 2 secondes pour te répondre si ton menu avec les sous menu fait un truc bizarre (et si tu touches rien) c'est que tu as mal joint le css et le js je trouve qu'il n'est pas très compliqué à adapter si vraiment tu as des soucis je suis là sinon tu as tout ce qu'il te faut sur le site, mais je ne les connais pas (mais ça n'a pas l'air très compliqué) ici ==> http://css.developpez.com/galerie/?p...us-horizontaux
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email