Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème avec mon menu

Sentenza
    25 mai 2006 à 15:02:12

    J'ai un problème avec mon menu déroulant!



    Quand on va sur une case du menu il y a le sous-menu qui se déroule, pour l'instant tout va bien. Mais le sous-menu se déroule tout à gauche du menu, alors que normalement il devrait se dérouler juste dessou de la case où il y a la souris. Mais aussi je voudrais savoir comment on fait pour que le sous-menu remonte quand la souris y est pas dessus. Pour mieu comprendre allé sur http://escalade07.free.fr.
    En plus je ne comprend pas parce que le menu marche normalement tout seul, mais avec le reste du code de ma page il marche pas correctement.
    Donc c'est pour sa que je vous donne tout le code de ma page :

    <!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <head>
           <title>Bienvenue sur le site d'escalade en Ardèche!</title>
           <meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
           <link rel="stylesheet" media="screen" type="text/css" title="Tp1" href="css_tp1.css" />
               <link rel="SHORTCUT ICON" href="es.ico">


    <script type="text/javascript">

    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
            for (var i = 1; i<=10; i++) {
                    if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
            }
    if (d) {d.style.display='block';}
    }

    </script>

    <!-- DEBUT DU SCRIPT -->
    <SCRIPT LANGUAGE="JavaScript">


    var nbimage= 230;
    var width;
    var height;
    var url;
    var alte;
    function banniere()
    {
    numimage= Math.round(Math.random()*(nbimage-1)+1);
    if (numimage <= 10)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Benjamin/Photo 017.2.jpg";
    alte = "Benjamin";
    }
    if (numimage >     10 && numimage <= 20)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Max/Photo 048.2.jpg";
    alte = "Max";
    }
    if (numimage >     20 && numimage <= 30)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Benjamin/Photo 022.2.jpg";
    alte = "Benjamin";
    }
    if (numimage >     30 && numimage <= 40)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Benjamin/Photo 024.2.jpg";
    alte = "Benjamin";
    }
    if (numimage >     40 && numimage <= 50)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Benjamin/Photo 027.2.jpg";
    alte = "Benjamin";
    }
    if (numimage >     50 && numimage <= 60)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Benjamin/Photo 036.2.jpg";
    alte = "Benjamin";
    }
    if (numimage >     60 && numimage <= 70)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Max/Max.2.jpg";
    alte = "Max";
    }
    if (numimage >     70 && numimage <= 80)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Max/Photo 041.2.jpg";
    alte = "Max";
    }
    if (numimage >     80 && numimage <= 90)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Max/Photo 057.2.jpg";
    alte = "Max";
    }
    if (numimage >     90 && numimage <= 100)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Lanas/Lanas.2.jpg";
    alte = "Lanas";
    }
    if (numimage >     100 && numimage <= 110)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Lanas/Lanas6.2.jpg";
    alte = "Lanas";
    }
    if (numimage >     110 && numimage <= 120)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Lanas/Lanas4.2.jpg";
    alte = "Lanas";
    }
    if (numimage >     120 && numimage <= 130)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Lanas/Lanas8.2.jpg";
    alte = "Lanas";
    }
    if (numimage >     130 && numimage <= 140)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Lanas/Lanas9.2.jpg";
    alte = "Lanas";
    }
    if (numimage >     140 && numimage <= 150)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/viel_audon/Photo 009.2.jpg";
    alte = "Balazuc";
    }
    if (numimage >     150 && numimage <= 160)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/viel_audon/Photo 010.2.jpg";
    alte = "Balazuc";
    }
    if (numimage >     160 && numimage <= 170)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/viel_audon/Photo 011.2.jpg";
    alte = "Balazuc";
    }
    if (numimage >     170 && numimage <= 180)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/viel_audon/Photo 014.2.jpg";
    alte = "Balazuc";
    }
    if (numimage >     180 && numimage <= 190)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/barasses/Photo 068.2.jpg";
    alte = "Balazuc";
    }
    if (numimage >     190 && numimage <= 200)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/barasses/Photo 070.2.jpg";
    alte = "Balazuc";
    }
    if (numimage >     200 && numimage <= 210)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/barasses/Photo 073.2.jpg";
    alte = "Balazuc";
    }
    if (numimage >     210 && numimage <= 220)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/barasses/Photo 076.2.jpg";
    alte = "Balazuc ";
    }
    if (numimage >     220)
    {
    gotosite = "allphoto.html";
    url = "images/photo/Balazuc/barasses/Photo 078.2.jpg";
    alte = "Balazuc";
    }
    if(gotosite != "")
            {
            document.write ('<A HREF="' + gotosite + '">'); 
            }
    document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
    if(gotosite != "")
            {
            document.write('</A>')
            }
    }
    </SCRIPT>
    <!-- FIN DU SCRIPT -->

    </head>
     
     <body>

     <h1>Escalade en Ardèche</h1>

     <!–– Menu horizontal ––>
     

    <SCRIPT LANGUAGE="JavaScript" SRC="menu_dyn.js"><br/><br/></SCRIPT>
    <p>
    <br/><br/>
    </p>

    <!–– Menu à droite ––>
    <div class="menud">

            <div class="heure">
                    <div align="center">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="130" height="130" id="relog" ALIGN="">
        <param name="movie" value="relog.swf">

        <param name="quality" value="high">
        <param name="bgcolor" value="#FFFFFF">
        <param name="wmode" value="transparent">
        <param name="menu" value="false">
        <embed src="relog.swf" quality="high" bgcolor="#FFFFFF"  width="130" height="130" wmode="transparent" align="" TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false"></embed>

      </object>
    </div>
    </div> 
            <hr/>
            <ul>

               <li><a href="carte.html"><div class="carte">Carte de l'Ardèche</div></a></li>
                       <hr/>
                       <li><!-- DEBUT DU SCRIPT --><div class="musique"><A HREF="" onClick="window.open('musique.html','_blank','toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=320,height=200')" TARGET="_self">Musique</A><!-- FIN DU SCRIPT --></div></li><hr/>                           
                       <li><!-- DEBUT DU SCRIPT --><SCRIPT language="JavaScript">banniere();</SCRIPT><!-- FIN DU SCRIPT --></li>

                      
                       <li><div class="annonce">Annonces :</div></li><br/>      
                       <li>Je cherche un grimper pour cette été donc si quelqu'un est intéressé, <a href="mailto:belsebut@hotmail.fr">contactez moi.
                    </ul>

    </div>     

    <!–– Menu à gauche ––>

    <div class="menug">
     
       <div class="element_menu">
           
           <ul>

               <li><a href="michel.html"><div class="michel">St Michel de Boulogne</div></a></li>         
               <li><a href="casteljau.html"><div class="casteljau">Casteljau et Berrias</div></a></li>
                       <li><a href="Vogue.html"><div class="vogue">Voguë</div></a></li> <!–– Liste des liens du sous–menu ––>

                       <li><a href="balazuc2.html"><div class="balazuc">Balazuc</div></a></li>
               <li><a href="lussas.html"><div class="lussas">Lussas</div></a></li>
               <li><a href="lavilledieu.html"><div class="lavilledieu">Lavilledieu</div></a></li>
                       <li><a href="lanas.html"><div class="lanas">Lanas</div></a></li>
                       <li><a href="chauzon.html"><div class="chauzon">Chauzon</div></a></li>              
                       <li><a href="courpatas.html"><div class="laurent">Courpatas</div></a></li>

                   <li><a href="salavas.html"><div class="salavas">Salavas</div></a></li>       
            </ul>
       </div>
    </div>

    </p>

    <!–– Corps : description du site ––>

    <div id="corps2">
    <div class="image"><img src="images/Joueur1.jpg" alt="Joueur de blocs 2006"/></div>
    <h4><ins>La 20<sup>ème</sup> édition des joueurs de blocs.(24/05/2006)</ins></h4>

    <p>
    La 20ème édition des Joueurs de blocs se déroulera les 10 et 11 juin prochain.
    Tous les grimpeurs (licencié et ou non et de tout niveaux) peuvent se présentés sur le site de Casteljau pour participer au Joueurs de blocs,
    en Ardèche, avec au programme blocs naturels et résine pour tous les niveaux.<br/>
    -Pour plus d'info sur le programme et sur toute la compétition<a href="http://joueursdeblocs.free.fr/jdb_site.htm"> allez sur...</a>


    </p>

    </div>

    <div id="corps1">
       
       

       <p>
           <h2>Bienvenue sur mon super site !</h2>

            Comme vous avez pus le voir ce site va parler de l’escalade principalement en Ardèche. Il pourra vous aidez à accéder aux sites d’escalade dans toute l’Ardèche. Vous pourrez trouver les cotations des voies et les lieux où sont situés ces sites. Vous pourrez voir aussi des photos de certain site d’escalade.
     
      <br/>
     
       <h2>L'auteur</h2>   
       
           L'auteur du site ? Bah‚ c'est moi‚ quelle question :–p. Pour me contacter <a href="mailto:belsebut@hotmail.fr">cliquez ici</a> ! <br />

           Je vais essayer de faire le meilleur site possible. Mon objectif est d'attirer à vous faciliter la vie et aussi d'avoir toutes les cotations de tous les sites d'Ardèche et peut être ailleur‚<br />
          <br/>

       
          J’espère que ce site vous plaira et qui vous apportera tout le nécessaire pour grimper où vous voulez en Ardèche.<br/>
          Et j’allai oublier BONNE GRIMPE !!!
       </p>
    </div>


       </body>

    </html>


    J'aimerais bien que l'on m'aide.
    • Partager sur Facebook
    • Partager sur Twitter
    Sitevolution
      25 mai 2006 à 15:11:00

      tout ce que je peux te dire c'est d'utiliser cette fonction quand la souris n'est pas dessus : onMouseOut()
      @+ ;)
      • Partager sur Facebook
      • Partager sur Twitter
      Sentenza
        25 mai 2006 à 15:15:32

        Merci de ton aide. Sitevolution
        ++
        • Partager sur Facebook
        • Partager sur Twitter

        Problème avec mon menu

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur ●
        • Markdown