Programmation web: menu dépliant
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!
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
-
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+... -
les menus et tout c du html et tu les trouvera sur www.siteduzero.com voila
-
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... -
Salut
massage spécial à midnnight
Salut voici mon mail wafiloua2003@yahoo.fr contact moi STP et merci -
Ok, pas de prob, mais tu aurais pu m'écrire en MP pour se faire, cliques sur le pseudo de ton choix ...
