Programmation web: menu dépliant

DDUC -  
 midnnight -
Bonjour,
Quelqu'un pourai m'avoir un support pour apprendre à programmer des ménu dépliants en progration web?
Je sais déjà faire des bouton disant dinamique avec du css et un peu du java script. Merci!

5 réponses

  1. midnnight Messages postés 514 Statut Membre 38
     
    Ok, oui il faut souvent retoucher les codes pour qu'ils soient valides sur tous les nav, celui-ci était peut être un peu ancien, mais jouable... Content pour toi,
    A+...
    1
  2. zemzoum89 Messages postés 583 Statut Membre 18
     
    les menus et tout c du html et tu les trouvera sur www.siteduzero.com voila
    0
  3. midnnight Messages postés 514 Statut Membre 38
     
    Salut, j'ai pensé que tu pouvais peut être t'inspirer de ça...

    <!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" lang="fr" xml:lang="fr">
    <!-- Date de création: 15/10/2008 -->
    <head>
    <title>menu</title>
    <style type="text/CSS">
    #menu {
    height:18px;
    }
    #menu ul {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
    }
    #menu li {
    float:left;
    margin:auto;
    padding:3px;
    background-image:url("menu/images/bg2.gif");
    font-size: 10px;
    }
    #menu li a {
    display:block;
    width:120px;
    color:white;
    text-decoration:none;
    padding:5px;
    }
    #menu li a:hover {
    color:blue;
    }
    #menu ul li ul {
    display:none;
    }
    #menu ul li:hover ul {
    display:block;
    }
    #menu li:hover ul li {
    float:none;
    }
    #limenu
    {
     height:32px;
     font-size:10px;
    } 
    </style>
    <!--[if !IE]> <-->
    <style type="text/CSS">
    #menu li ul {
    position:absolute;
    }
    
    </style>
    <!--> <![endif]-->
    <!--[if IE 8]>
    <style type="text/CSS">
    #menu li ul {
    position:absolute;
    }
    </style>
    <![endif]-->
    </head>

    et dans body
    <body>
    <div id="menu">
    <ul>
      <li id="limenu"><a href="#">TITRE A</a>
          <ul>
          <li><a href="#">1111</a></li>
          <li><a href="#">222</a></li>
          <li><a href="#">3333</a></li>
          <li><a href="#">444</a></li>
          <li><a href="#">555</a></li>
          <li><a href="#">666</a></li>
          <li><a href="#">777</a></li>
          <li><a href="#">888</a></li>
          <li><a href="#">999</a></li>	  	  
    	 </ul>
      </li>
      <li id="limenu"><a href="#">TITRE B</a>
        <ul>
          <li><a href="#">111</a></li>
    	  <li><a href="#">222</a>
          <li><a href="#">333</a></li>
          <li><a href="#">444</a></li>
          <li><a href="#">555</a></li>
          <li><a href="#">666</a></li>
          <li><a href="#">777</a></li>
          <li><a href="#">888</a></li>
          <li><a href="#">999</a></li>
          <li><a href="#">10</a></li>	  	  
    	 </ul>
      </li>
      <li id="limenu"><a href="#">JTITRE C</a>
          <ul>
          <li><a href="#">1111</a></li>
          <li><a href="#">2222</a></li>
          <li><a href="#">3333</a></li>
          <li><a href="#">4444</a></li>
          <li><a href="#">5555</a></li>
          <li><a href="#">6666</a></li>
    	  <li><a href="#">7777</a></li>	  
    	 </ul>
      </li>
      <li id="limenu"><a href="#">TITRE D</a>
          <ul>
          <li><a href="#">1111</a></li>
          <li><a href="#">2222</a></li>
          <li><a href="#">3333</a></li>  
    	 </ul>
      </li> 
      <li id="limenu"><a href="#">TITRE E</a>
          <ul>
          <li><a href="#">1111</a></li>
          <li><a href="#">2222</a></li>
          <li><a href="#">3333</a></li>
          <li><a href="#">4444</a></li>	  
    	 </ul>
      </li> 
      <li id="limenu"><a href="#">TITRE F</a>
          <ul>
          <li><a href="#">111</a></li>
    	  
    	 </ul>
      </li>    
      </li>
    </ul>
    </div>
    
    </body>
    </html>

    vOILI? BONNE PROG...
    0
    1. dduc
       
      Merci sa m'a vraiment servi. J' ajout que j'ai eu à modifier ton code afin que celui donne sur internet explorer 8. Résultat: sa donne!
      Merci encore
      0
  4. dduc Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   13
     
    Salut
    massage spécial à midnnight
    Salut voici mon mail wafiloua2003@yahoo.fr contact moi STP et merci
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. midnnight
     
    Ok, pas de prob, mais tu aurais pu m'écrire en MP pour se faire, cliques sur le pseudo de ton choix ...
    0