Chargement en cours...
Connexion au forum informatique de Sur-la-Toile
La discussion « création d'un menu déroulant en html » se trouve dans le forum « Sites Web: Hébergement et Services »
Statut de la discussion » création d'un menu déroulant en html « ( normale)

création d'un menu déroulant en html

Le 22 mars à 20:32 #

Salut,
je suis entraine de créer une page web et je veux bien mettre un menu déroulant comme cette page ICI que quand on positionne le curseur sur un des menus le sous menu apparait
et ainsi de suite ..comment faire s'il y a quelqu'un qui pourrais me montrer le programme html pour réaliser ces menus !!!
PS: je veux le programme en language html pas en php
merci bien

Le 22 mars à 20:48 #

Bonjour, je pense que le moyen du javascript ou du dhtml et approprier a ce que tu veut faire voici le lien de différente sources trouver sur internet (le javascript et trés simple a ajouté au html) voici les liens promis :
http://www.script-masters.com/home/?&cat=0&scat=1&script=63
http://www.javascriptfr.com/code.aspx?ID=23191

Tu pourra retrouver pas mal de java simple la dessus http://www.editeurjavascript.com

Voila bonne soirée a tous,

Cordialement

Le 23 mars à 00:17 #

ce que je veux c'est juste connaitre le code html ou javascript qui peux me réaliser le menu comme le site que j'ai indiquer ce que vous m'avez montré mayaboys n'est pas tout a fait ce que je cherche car moi je veux quand je mets le curseur sur le menu sans meme pas cliquer le sous menu apparait voila
et merci pour l'effort

Le 23 mars à 13:36 #

html + css, ça devrait suffir pour cela.
Pas le temps de rester mais au besoin, n'hésites pas si tu veux des précisions.

--- Fred ---

Le 23 mars à 14:02 #

merci fred mais pour les css c'est un peux fort pour moi je veux juste un code html ou javascript je sais que cela existe mais c'est juste que je ne connais pas le code
merci de m'aider

Le 24 mars à 22:19 #

Code:
  1.   <html>
  2.   <head>
  3.   
  4.   <style>
  5.   div span{display: none;}
  6.   div:hover span{display: inline;}
  7.   div {position: absolute; top:10px;}
  8.   </style>
  9.   
  10.   </head>
  11.   <body>
  12.   
  13.   <div style="left:10px">menu1<span><br><a href="lien1.html">lien1</a><br><a href="lien2.html">lien2</a></span></div>
  14.   <div style="left:70px">menu2<span><br><a href="lien3.html">lien3</a></span></div>
  15.   <div style="left:130px">menu3<span><br><a href="lien4.html">lien4</a><br><a href="lien5.html">lien5</a><br><a href="lien6.html">lien6</a></span></div>
  16.   
  17.   </body>
  18.   </html>

    On est bien loin du menu multi-niveau que tu donnes en exemple mais l'idée est là dans mon exemple ci-dessus. J'ai eu la flemme de faire un truc carré et de séparer le style css du code html mais j'ai bien utilisé les deux, comme quoi c'est possible.
    Je ne dis pas que ça ne se complique pas un peu pour faire ce que tu désires mais je pense que ça reste plus simple qu'avec du javascript.

    --- Fred ---

    Le 25 mars à 19:49 #

    Bonjour,

    Il existe des logiciels qui te permettent de frabriquer facilement des menus déroulants (ce qui est le cas du site que tu proposes fait à partir de DHTML-menu je pense)
    je te propose celui-ci qui est gratuit pour un site non commercial
    http://www.web--templates.org/fr/menus/tutorial-dhtml-menu.html
    il doit y en avoir d'autres
    » Liste des Forums » Sites Web: Hébergement et Services

    Sujets Connexes

    Arakien & WéWé


    Forums

    Navigation


    Publicité

    Connectés

    Il y a actuellement 391 visiteurs et 11 toiliens en ligne, ainsi que 3 connectés sur le tchat.

    Recherche

    Concours


    Sauf mention contraire, le contenu du blog et du forum est sous licence Creative Commons By-Sa. Vous avez le droit de le reproduire à condition de citer l'auteur, de faire un lien vers la page d'origine, et de partager vos travaux dérivés selon les mêmes conditions.

    Conditions d'utilisation -

    Partenaires: [Informatique Multimédia] [Portail du Maroc] [Actualité High Tech]
    [Tutoriaux Photoshop] [éligibilité ADSL] [Astuces Windows]

    Page générée en 207 millisecondes sur WWW1.