Bonjour

Petit problème avec mon menu déroulant!!ici

On voit tout de suite que rien n'est à ça place, quand on clique sur un des items tout le monde s'ouvre, c'est la fête!!

Si quelqu'un peut m'aider à remttre un peu d'ordre,

je me doute que ça vient de ma feuille de style, mais je tourne en rond et pour finir je vois plus rien!!

merci d'avance

,

je dirais que c'est dû à la partie en javascript qui doit intégrer un décalage dans ton menu.

Pour tester rapidement en agrandissant : (les modifs en rouge)

.conteneur {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

.haut{
	position: relative;
	width: 1160px;
	height: 50px;
	background-color: white;
	background-repeat: no-repeat;
	float: left;
}

.menu{
	position: relative;
	width: 1160px;
	height: 32px;
	background-color: white;
	background-repeat: no-repeat;
	float: left;
}

J'essaie de voir où ça peut clocher.

Cordialement.

Merci de porter intérêt à mon problème.

J'ai modifié, mais c'est pas ça de toute façon, tout passe largement dans la balise "menu"

Bon, c'est pas ça effectivement (je viens de voir tes tests en direct).

Par contre dans le codage de la page, il y a un truc que je ne comprends pas :

<div class="menu">

<img src="http://mauriers.free.fr/images/accueil.png">images/accueil.png" width="184" height="32" class="menu_head" alt="" />


<img src="http://mauriers.free.fr/images/club.png">images/club.png" width="184" height="32" class="menu_head" alt="" />

<ul class="menu_body">
<li><a href="http://mauriers.free.fr/#">#">Les dirigeantsa>li>
<li><a href="http://mauriers.free.fr/#">#">Les techniciensa>li>
<li><a href="http://mauriers.free.fr/#">#">Les arbitresa>li>
ul>

<img src="http://mauriers.free.fr/images/ecole.png">images/ecole.png" width="184" height="32" class="menu_head" alt="" />
<ul class="menu_body">
<li><a href="http://mauriers.free.fr/#">#">Les U7a>li>
<li><a href="http://mauriers.free.fr/#">#">Les U9a>li>
<li><a href="http://mauriers.free.fr/#">#">Les U11a>li>

<li><a href="http://mauriers.free.fr/#">#">Les U13a>li>
ul>

En principe, (j'ai appris en partie sur le site du zéro aussi ), un menu horizontal est de la forme :

<ul>
  <li>le club

      <ul>
           <li>les dirigeants</li>
           <li>les techniciens</li>
           <li>les arbitres</li>
      </ul>
  </li>

 <li>ecole
      <ul>
           <li>les U7</li>
           <li>les U9</li>
           <li>Les U11</li>

          <li>Les U13</li>
      </ul>
  </li>
</ul>

Je te donne un lien dont je me suis servi également :

http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

Et je viens de retrouver ce dont je me suis servi pour le menu déroulant du site dont je m'occupe :

http://css.developpez.com/galerie/?page=menus-horizontaux#MH1

Le lien pour tester ce menu déroulant est :

http://css.developpez.com/galerie/demo/menus/horizontalderoulant1/

PS : si tu as du mal à le personnaliser, je pourrai t'aider, vu le temps que j'ai passé dessus.

Je pense que ça doit venir de mon animation (l'affichage des sous menu) en javascript, mais je trouve pas!!

Je pense que cela vient de l'utilisation de 2 moteurs javascript (mootools et jquery) qui ne sont pas compatibles.

Perso, je préfère jquery pour le grand nombre de possibilité d'animations ...

Sur ce site, tu trouvera un grand nombre de menus facile à transposer !!

dreamer,

merci pour le lien!

laurent34 a écrit :

dreamer,

merci pour le lien!

Comme je te disais plus haut n'utilises qu'un moteur (jquery) et avec lui, tu peux faire des diaporamas, des sliders en page d'accueil, des effets sur ton affichage.....

Il ne faut pas en abuser, mais perso, je trouve que ça dynamise un site !!

Merci Dreamer, toujours réponses à tout!!

je devrais pouvoir faire avec un des menus proposés

faut juste que je trouve à remettre la fonction "slidetoogle" (que je trouve très sympa) pour l'affichage des sous menus

merci encore!!

Gillquessoy a écrit :

Merci Dreamer, toujours réponses à tout!!

je devrais pouvoir faire avec un des menus proposés

faut juste que je trouve à remettre la fonction "slidetoogle" (que je trouve très sympa) pour l'affichage des sous menus

merci encore!!

Slidetoggle: ici , ici et là (que je préfère, car toutes les animes sont expliquées)

Re-moi

Attention à la librairie utilisée, prendre la plus récente, sinon certaines animations ne fonctionneront pas !!

Bon, j'insiste

Un excellent site qui te montre toutes les anim de jquery !!

coucou je reviens avec mon menu!!

magnifique sur firefox!! ici

et inexistant sur ie, si quelqu'un peut m'aider sur ce coup là

merci d'avance

Tu as deux balises body?

oups désolé!!

Même sans la deuxième balise body qui ne sert à rien effectivement, chez ie c'est toujours pas ça!!

l'erreur provient d'un mauvais chemin, tu as simplement mis les fichiers css pour ie dans le repertoire styles mais en oubliant de modifier le code dans la page (en rouge ce que tu dois mettre)

<!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if IE 7]>
                <link rel="stylesheet" href="styles/ie.css"> 
                <link rel="stylesheet" href="styles/ie7.css">
        <![endif]-->

Bonjour

Maintenant que tout marche pour mon menu (même ie)

j'ai instaler un petit diaporama qui marche très bien sous ff ici, mais pas sous ie (comme c'est bizarre!!)

si quelqu'un voit d'où ça viens merci d'avance.

Moi j'ai le nez dessus depuis deux jours et je vois plus rien

Et si tu mettais les dimensions de tes photos dans ton diaporama (width et height en px), IE aime bien !!

<ul class="diaporama1"> 
<li><img src="images/image1.jpg" width="" height="" title="" /></li>
 <li><img src="images/image2.jpg" width="" height="" title="" /></li>
 <li><img src="images/image3.jpg" width="" height="" title="" /></li> 
<li><img src="images/image4.jpg" width="" height="" title="" /></li> 
<li><img src="images/image5.jpg" width="" height="" title="" /></li>
</ul>

J'ai mis la taille de l'image mais ça marche pas!!

Je viens de voir .....Puis-je te proposer quelque chose qui fonctionne partout et que tu peux personnaliser ??

C'est ici !!

Ok merci, je vais tenter ça, et je te tiens au courant!

bonne journée

nickel, ça marche

merci dreamer!!!

je me suis rejouis un peu vite

ça marche sauf que mon menu déroulant passe sous le diaporama maintenant!!!

Gillquessoy a écrit :

je me suis rejouis un peu vite

ça marche sauf que mon menu déroulant passe sous le diaporama maintenant!!!

Et tu voudrais qu'il passe dessus ??

Bon comme je suis sympa, rajoutes ceci dans le code ton diaporama :

<param name="vmode" value="transparent" />

c'est vrai t'est sympa, maintenant ça marche!!

par contre c'est pas vmode, mais wmode!!

et il a fallu rajouté" wmode=transaprent " dans la balise embed

mais bon je t'en veux pas, c'est comme ça qu'on progresse, dans la difficulté!

merci encore à +, j'aurais surement encore besoin de ton aide...

Gillquessoy a écrit :

c'est vrai t'est sympa, maintenant ça marche!!

par contre c'est pas vmode, mais wmode!!

et il a fallu rajouté" wmode=transaprent " dans la balise embed

mais bon je t'en veux pas, c'est comme ça qu'on progresse, dans la difficulté!

merci encore à +, j'aurais surement encore besoin de ton aide...

C'est l'âge, pas fait attention !!