Menu horizontal déroulant en CSS

18 avril 2008

Menu horizontal déroulant en CSS

Vous pouvez ajouter autant de rubriques que vous le désirez ...

Entre les balises <head> et </head>

Entre les balises <body> et </body>

<ul id="menunav"> <li class="rubrique"> <a href="#" title="catégorie I" class="first-rub">Ctégorie I</a> <ul> <li class="rubrique"> <a href="#" title="rubrique I1" class="second-rub">Rubrique I1</a></li> <li class="rubrique"> <a href="#" title="rubrique I2" class="second-rub">Rubrique I2</a></li> <li class="rubrique"> <a href="#" title="rubrique I3" class="second-rub">Rubrique I3</a></li> </ul> </li> <li class="rubrique"> <a href="#" title="Catégorie II" class="first-rub">Catégorie II</a> <ul> <li class="rubrique"> <a href="#" title="Rubrique II1" class="second-rub">Rubrique II1</a></li> <li class="rubrique"> <a href="#" title="Rubrique II2" class="second-rub">Rubrique II2</a></li> <li class="rubrique"> <a href="#" title="Rubrique II3" class="second-rub">Rubrique II3</a></li> </ul> </li> <li class="rubrique"> <a href="#" title="Catégorie III" class="first-rub">Catégorie III</a> <ul> <li class="rubrique"> <a href="#" title="Rubrique III1" class="second-rub">Rubrique III1</a></li> <li class="rubrique"> <a href="#" title="Rubrique III2" class="second-rub">Rubrique III2</a></li> <li class="rubrique"> <a href="#" title="Rubrique III3" class="second-rub">Rubrique III3</a></li> </ul> </li> <li class="rubrique"> <a href="#" title="Catégorie IV" class="first-rub"> Catégorie IV</a> <ul> <li class="rubrique"> <a href="#" title="Rubrique IV1" class="second-rub">Rubrique IV1</a></li> <li class="rubrique"> <a href="#" title="Rubrique IV2" class="second-rub">Rubrique IV2</a></li> <li class="rubrique"> <a href="#" title="Rubrique IV3" class="second-rub">Rubrique IV3</a></li> </ul> </li> <li class="rubrique"> <a href="#" title="Catégorie V" class="first-rub">Catégorie V</a> <ul> <li class="rubrique"> <a href="#" title="Rubrique V1" class="second-rub">Rubrique V1</a></li> <li class="rubrique"> <a href="#" title="Rubrique V2" class="second-rub">Rubrique V2</a></li> <li class="rubrique"> <a href="#" title="Rubrique V3" class="second-rub">Rubrique V3</a></li> </ul> </li> </ul>

Posté par arian à 11:24 - Commentaires […] - Permalien [#]

Tags: Menu horizontal déroulant

Partager cet article

Vous aimez ?

0 vote

Drag and Drop

Image flottante

Commentaires

rigolote

22/05/2008 06:35

incroyable, ton code est tout en longueur, il n'en finit pas et donc ce n'est pas clair pour moi pour intégrer les liens. dommage. je vais en chercher un autre lol. bisous

rigolote

21/05/2008 21:52

je reviens demain te lire, je suis abonnée à ton flux rss, lol c'est tendancieux comme terme ! hihi

rigolote

21/05/2008 21:37

je veux bien l'utiliser celui-là mais tu peux m'assurer qu'il est bon sous ie et firefox?