Partage
  • Partager sur Facebook
  • Partager sur Twitter

probleme menu dynamique

avez-vous une solution???

relou 1
    16 juin 2006 à 15:51:33

    Bonjour,
    mon menu dynamique a un probleme mais je ne vois pas ou!!!

    Voici le code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design essai.css" />
    <head>
    <title>Bienvenue sur the site of FMA !</title>


    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>

    <body>

    <div class="page">

    <div class="haut">
    <center><h3>TITRE</h3></center>

    </div>

    <div class="corps">

    <style type="text/css" media="screen">
    <!--
    body {
    font: 80% verdana, arial, sans-serif;
    }
    dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #menu {
    position: absolute; /* placement du menu, à modifier selon vos besoins */
    top: 45px;
    left: 2.5%;
    z-index:120;
    }
    #menu dl {
    float: left;
    width: 8em;
    }
    #menu dt {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background: #ccc;
    border: 1px solid gray;
    margin: 1px;
    }
    #menu dd {
    display: none;
    border: 1px solid gray;
    background: #ccc;
    }
    #menu li {
    text-align: center;
    background: #ccc;  /* modifier couleur de fond sous-menu */
    }
    #menu li a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    font-size: 10px;
    border: 0 none;
    }
    #menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    }
    #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
    background: #eee;
    }
    -->
    </style>

    <script type="text/javascript">
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
            for (var i = 1; i<=10; i++) { //Augmenter le 10 si on a plus de 10 menu
                    if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
            }
    if (d) {d.style.display='block';}
    }
    //-->
    </script>



    <div id="menu">

    <dl>
                    <dt onmouseover="javascript:montre();"><a href="<a href="page_accueil.htm" title="Retour à l'accueil">Accueil</a></dt>
    </dl>

     <dl>           
                    <dt onmouseover="javascript:montre('smenu1');">FMA</dt>
                    <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
                            <ul>
                                    <li><a href="histoire_fma.htm">L'histoire</a></li>
                                    <li><a href="adress">les persos</a></li>
                                    <li><a href="adress">les homonculus</a></li>
                            </ul>
                    </dd>
    </dl>

    <dl>   
                    <dt onmouseover="javascript:montre('smenu2');">GTO</dt>
                    <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
                            <ul>
                                    <li><a href="adress">L'histoire</a></li>
                                    <li><a href="adress">Les persos</a></li>
                            </ul>
                     </dd>
    </dl>
           
    <dl>   
                   <dt onmouseover="javascript:montre();">
                   <a href="<a href="adress" title="Les gifs">Les gifs</a></dt>
    </dl>

    <dl>   
                   <dt onmouseover="javascript:montre();">
                   <a href="<a href="adress" title="La zic">La zic</a></dt>
    </dl>

    <dl>   
                   <dt onmouseover="javascript:montre();">
                   <a href="<a href="adress" title="Me contacter">Me contacter</a></dt>
    </dl>

    <dl>   
                    <dt onmouseover="javascript:montre('smenu3');">Les pubs</dt>
                    <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
                           

    <marquee onmouseover="this.stop();" onmouseout="this.start();" behaviour="scroll" scrolldelay="1" scrollamount="1" direction="up" height="112">

    <div style="text-align: center;">

    <a href="http://www.ogame.fr"><img src="gifs divers/banniere_ogame.jpg" height="35" width="160"></a>
    <br/><br/>

    <a href="http://evange.over-blog.com"><img src="http://idata.over-blog.com/0/11/64/50/animation5.gif" height="30" width="88"></a><br /><br />

    <a href="http://www.siteduzero.com"><img border="0" src="gifs divers/bouton_sdz.gif"  alt="Apprenez à faire des sites avec le site du zéro!!" style="width: 125px; height: 40px;" /></a><br /><br />

    <a href="http://.xwars.fr"><img alt="jeu online xwars" src="gifs divers/bannierre_xwars.gif" height="35" width="160"/></a><br/><br/>

    <font face="Verdana, Arial, Helvetica, sans-serif">
    <a target="_blank" href="http://www.top-manga.com/index.php?id=2094"><img width="88" height="30" border="0" alt="Top-manga.com, image anime, series manga, jeux video, BD, comics, cartoon, boutique, communaute, editeur, fanzine, humour, jeux en ligne" src="http://www.top-manga.com/som/top-manga.gif" /></a></font><br /> </div>

    <div style="text-align: center;"><font size="3" style="text-decoration: underline; color: rgb(102, 102, 153);"><span style="font-weight: bold;"></span></font><br />

    <div style="text-align: center;"><a href="http://kuchiki-news.over-blog.com/"><img src="http://idata.over-blog.com/0/12/32/26/banni-res/final-baniere.gif" alt="" /></a><br /> </div>

    <a href="http://kuchiki-news.over-blog.com/">  </a><br />

    <div style="text-align: center;"> <!-- Start of the topsite code --> <a href="http://www.root-top.com/topsite/fanelia7/in.php?ID=15"><img border="0" alt="" src="http://idata.over-blog.com/0/00/31/35/topsite.gif" /></a><br />

     <a href="http://www.root-top.com/topsite/fanelia7/in.php?ID=15"> </a><br /> </div>

    <div style="text-align: center;"><a href="http://extreme-mangas.over-blog.com/"><img src="http://idata.over-blog.com/0/12/26/93/love2nd.gif" alt="" /></a><br /> </div><br />

    <div style="text-align: center;"><a href="http://tenshi-tsubasa.over-blog.com/"><img alt="" src="http://img380.imageshack.us/img380/1074/gifsboutonstt2lu.gif" /><br /></a><br />

    <a href="http://cod2night.roxorgamers.com"><img width="88" border="0" alt="" src="http://img99.imageshack.us/img99/4435/bonneban2gg.gif" /></a><br /><br />


    </marquee>
                     </dd>
    </dl>

    </div>

    <div class="milieu">
    <br/>
    <u><center><h2>ACCUEIL</h2></center></u>
    <p>
    <center>Bonjour chers visiteurs,</center><br/>
    dans ce site, il y a 2 parties : <br/><center>
    - la partie réservée à full metal alchemist<br/>
    - la partie réservée à GTO ( Great Teacher Onisuka )
    <br/>

    </center>
    </p>

    </div>
    </div>
    </div>

    </body>
    </html>
     


    Ne faites pas attention aux couleurs!!
    Mais c pas sa le probleme.
    En fait, quand on survole FMA, le sous menu apparait en dessous avec des liens.
    Mais voila, dès que je passe ma souris dessus, le sousmenu disparait. On ne peut donc cliquer nul part dessus.


    Est-ce que quelqu'un peut m'aider????
    • Partager sur Facebook
    • Partager sur Twitter
    sebou91
      16 juin 2006 à 15:54:01

      Quelqu'un peut t'aider si tu utilises la balise <code></code>
      • Partager sur Facebook
      • Partager sur Twitter

      probleme menu dynamique

      × 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