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

Menu déroulant en CSS

CSS

Discussions similaires

Partager

Partager