Partage
  • Partager sur Facebook
  • Partager sur Twitter

Code qui marche pas

istu5
    16 octobre 2006 à 20:50:41

    Bonjour , dans ce code :


    body
    {
            font-family:Arial,serif;
            background-image:url(images/fond_site.png) ;
    }

    #menu
    {
            float:left;
            border:1px solid black;
            padding:5px;
            width:170px;
            background-color:orange;
            height:90%;
            padding-top:10px;
    }

    #corps
    {
            margin-left:190px;
            margin-right:10px;
            border:1px solid black;
            padding:5px;
            padding-left:30px;
            background-color:orange;
    }

    #menu li
    {
            list-style-image:url(images/puce_menu.png);

    }
     
    a
    {
            text-decoration:none
    }
    a:hover
    {
            text-decoration: underline;
    }

    td
    {
            border:1px solid black;
            padding-left:5px;
            padding-right:5px;
    }


    #sous_menu_chimie
    {
            visibility:hidden;
            position: relative;
            left: 65px;
            bottom:25px;
            border:1px solid black;
            background-color:orange;
            padding:5px;
    }

    #sous_menu_elec
    {
            visibility:hidden;
            position: relative;
            left: 100px;
            bottom:25px;
            border:1px solid black;
            background-color:orange;
            padding:5px;
    }

    #truc_a_rehausser
    {
            position: relative;
            bottom:50px;
    }

    #truc_a_rehausser2
    {
            position: relative;
            bottom:50px;
    }


    a#lienchimie:hover #sous_menu_elec
    {
            visibility:visible;
    }



    <head>
            <title>Electricman</title>
            <link rel=stylesheet type="text/css" href="styles/global.css">
            <link rel="shortcut icon" href="styles/icon.ico" />
    </head>

    <body>
            <div id="menu">
                    <ul>
                            <li><a href="index.html">Accueil</a></li>
                            <p></p>
                            <div id="lienchimie">
                            <li><a href="">Chimie</a></li>
                            </div>
                            <div id="sous_menu_chimie">
                            <a href="">Organique</a>
                            <a href="">Inorganique</a>
                            </div>
                            <div id="truc_a_rehausser">
                            <p></p>
                            <li><a href="">Electronique</a></li>
                            <div id="sous_menu_elec">
                            <a href="">&nbsp;&nbsp;&nbsp;Haute tension</a>
                            <a href="">&nbsp;&nbsp;&nbsp;Laser</a>
                            </div>
                            <div id="truc_a_rehausser2">
                            <p></p>
                            <li><a href="">Liens</a></li>
                            <p></p>
                            <li><a href="">Forum</a></li>
                            <p></p>
                            <li><a href="">Contacts</a></li>
                            <p></p>
                            <li><a href="">Autres</a></li>
                            </div>
                            </div>
                    </ul>
            </div>
           
            <div id="corps">
                    <table>
                            <tr>
                                    <td>Dimanche 15/10/06</td>
                            </tr>
                    </table>
                    </br>
                    Aujourd'hui dimanche 15 octobre , le site de Electricman fait par istu5 et elec à vu le jour . </br>
                    Nous vous souhaitons une bonne navigation sur notre site.</br>
                    Merci beaucoup</br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
                    </br>
            </div>
    </body>




    Normalement , quand je passe sur le lien CHIMIE , le sous-menu dois s'affichier mais ne s'affiche pas.Merci beaucoup de m'aider
    • Partager sur Facebook
    • Partager sur Twitter
    strucky
      16 octobre 2006 à 20:53:22

      Toutes balises situées entre <ul> et </ul> ne doivent-être que <li>.
      • Partager sur Facebook
      • Partager sur Twitter
      istu5
        16 octobre 2006 à 21:00:19

        J'ai changé mais ça ne marche toujours pas

        <head>
                <title>Electricman</title>
                <link rel=stylesheet type="text/css" href="styles/global.css">
                <link rel="shortcut icon" href="styles/icon.ico" />
        </head>

        <body>
                <div id="menu">
                    <ul><li><a href="index.html">Accueil</a></li></ul>
                    <p></p>
                    <div id="lienchimie">
                                        <ul><li><a href="">Chimie</a></li></ul>
                    </div>
                    <div id="sous_menu_chimie">
                                        <a href="">Organique</a>
                        <a href="">Inorganique</a>
                    </div>
                    <div id="truc_a_rehausser">
                        <p></p>
                        <ul><li><a href="">Electronique</a></li></ul>
                        <div id="sous_menu_elec">
                            <a href="">Haute tension</a>
                            <a href="">Laser</a>
                        </div>
                        <div id="truc_a_rehausser2">
                            <p></p>
                            <ul><li><a href="">Liens</a></li></ul>
                            <p></p>
                            <ul><li><a href="">Forum</a></li></ul>
                            <p></p>
                            <ul><li><a href="">Contacts</a></li></ul>
                            <p></p>
                            <ul><li><a href="">Autres</a></li></ul>
                                        </div>
                                </div>
                </div>
               
                <div id="corps">
                        <table>
                                <tr>
                                        <td>Dimanche 15/10/06</td>
                                </tr>
                        </table>
                        </br>
                        Aujourd'hui dimanche 15 octobre , le site de Electricman fait par istu5 et elec à vu le jour . </br>
                        Nous vous souhaitons une bonne navigation sur notre site.</br>
                        Merci beaucoup</br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                        </br>
                </div>
        </body>
        • Partager sur Facebook
        • Partager sur Twitter
        strucky
          16 octobre 2006 à 21:07:21

          Tiens un exemple de menu déroulant, seul bémol, ça ne fonctionne pas avec IE, il te faudra une alternative javascript.
          • Partager sur Facebook
          • Partager sur Twitter
          istu5
            16 octobre 2006 à 21:09:22

            Mais comment faire marcher le mien ?
            • Partager sur Facebook
            • Partager sur Twitter
            miniblin
              16 octobre 2006 à 21:10:11

              aucune idée pour le javascript désolé mais change tes balises </br> par des balises <br />
              • Partager sur Facebook
              • Partager sur Twitter

              Code qui marche pas

              × 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