Programmation web: menu dépliant

Fermé
DDUC - 27 oct. 2009 à 17:33
 midnnight - 17 nov. 2009 à 22:48
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!
A voir également:

5 réponses

midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
16 nov. 2009 à 11:52
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
zemzoum89 Messages postés 543 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 11 novembre 2012 18
27 oct. 2009 à 17:39
les menus et tout c du html et tu les trouvera sur www.siteduzero.com voila
0
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
27 oct. 2009 à 17:46
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
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
dduc Messages postés 4 Date d'inscription mardi 27 octobre 2009 Statut Membre Dernière intervention 22 avril 2010 13
17 nov. 2009 à 20:47
Salut
massage spécial à midnnight
Salut voici mon mail wafiloua2003@yahoo.fr contact moi STP et merci
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

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