Se connecter avec
S'enregistrer | Connectez-vous

Menu en onglets déroulant

Dernière réponse : dans Programmation

Bonjour ,

Voila , j'ai un menu en onglets et j'aimerais aussi le rendre déroulant.

Je ne trouve pas la solution .... AIDEZ-MOI SVP !
Voici le code html (je ne pense pas que vous ayiez besoin du CSS)
  1. <html>
    

  2. <head>
    

  3. <title>Les Chambres du Vignoble</title>
    

  4. <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
    

  5.  
  6. </head>
    

  7. <body>
    

  8. <div id="menu">
    

  9.   <ul id="onglets">
    

  10.     <li class="active"><a href="Accueil.html"> Accueil </a></li>
    

  11.     <li><a href="Forums.html"> Nos Chambres d'Hôtes </a></li>
    

  12.     <li><a href="Livre_or.html"> Notre Chalet </a></li>
    

  13.     <li><a href="Equipe.html"> Notre caveau  </a></li>
    

  14.     <li><a href="Inscription.html"> S'inscrire </a></li>
    

  15.     <li><a href="Connexion.html"> Se connecter </a></li>
    

  16.   </ul>
    

  17. </div>


Merci d'avance !

Autres pages sur : menu onglets deroulant

Lassé par la pub ? Créez un compte
Expert Programmation

Salut,

Tu veux rendre quoi déroulant là ?
Tout est au même niveau.


Mais si tu veux avoir des sous-menus, ça va te donner quelque chose du genre :
  1. <html>
  2. <head>
  3. <title>Les Chambres du Vignoble</title>
  4. <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
  5. </head>
  6. <body>
  7. <div id="menu">
  8.   <ul id="onglets">
  9.     <li class="active"><a href="Accueil.html"> Accueil </a></li>
  10.     <li><a href="Forums.html"> Nos Chambres d'Hôtes </a>
  11.       <ul>
  12.         <li>Chambre 1</li>
  13.         <li>Chambre 2</li>
  14.         <li>Chambre 3</li>
  15.       </ul>
  16.     </li>
  17.     <li><a href="Livre_or.html"> Notre Chalet </a>
  18.       <ul>
  19.         <li>Chalet 1</li>
  20.         <li>Chalet 2</li>
  21.         <li>Chalet 3</li>
  22.       </ul>
  23.     </li>
  24.     <li><a href="Equipe.html"> Notre caveau  </a></li>
  25.     <li><a href="Inscription.html"> S'inscrire </a></li>
  26.     <li><a href="Connexion.html"> Se connecter </a></li>
  27.   </ul>
  28. </div>


Ensuite, il te faudra utiliser un peu de javascript pour cacher/afficher les sous menus.
Tu auras besoin des évènements onmouseover et onmouseout pour déterminer quand afficher/cacher le sous-menu. Et de mettre la propriété HTMLElement.style.display à mettre à "none" (cacher) ou "block" (afficher).

Merci , mais maintenant avec le code html d'omaR ; il m'affiche des nombres qui sortent de je ne sais trop d'ou ...

La , faudrait m'aider ...

Ce que j'entends par déroulant, c'est un menu en onglets qui lorsqu'on passe dessus se déroule et l'on clique sur la page que l'on veut visiter.

EDIT : screen



Pour voir plus grand , cliquez !
Expert Programmation

perok68 a dit :
Oups ... :sarcastic: 

sinon , the_dowm , c'est ce que je cherche mais j'aimerais l'adapter à mon design ...



le css est la pour ça.


télécharge l'exemple (attention aux droits d'utlisation de la version gratuite) et modifie le fichier CSS fourni !
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde