Codage de sous menu HTML.
Bonsoir,
après des heures de recherche je n'est trouver que des code qui marche pas..
Donc voilà je possède enfin mon menu horizontal que j'ai codé en HTML..
Je voudrait maintenant faire un "SOUS-MENU" c'est à dire que lorsque un personne passe la souris sur un des ""boutons"" du menu un sous menu apparaisse a son tour..
Je ne connait pas le code HTML permettant de faire ceci.
Pour que vous voyer déjà mon site, voici un lien : http://www.testsite.swiffcraft.fr/acceuil.html
Merci d'avoirs lu!
Cordialement,
SilverGio!
après des heures de recherche je n'est trouver que des code qui marche pas..
Donc voilà je possède enfin mon menu horizontal que j'ai codé en HTML..
Je voudrait maintenant faire un "SOUS-MENU" c'est à dire que lorsque un personne passe la souris sur un des ""boutons"" du menu un sous menu apparaisse a son tour..
Je ne connait pas le code HTML permettant de faire ceci.
Pour que vous voyer déjà mon site, voici un lien : http://www.testsite.swiffcraft.fr/acceuil.html
Merci d'avoirs lu!
Cordialement,
SilverGio!
1 réponse
-
Bonjour,
Pour qu'un contenus caché soit montré de manière dynamique en cliquant (onclick) ou quand la souris passe sur quelque choses (onmouseover), cela demande automatiquement un JavaScript, que ce soit pour une image ou une liste.
Voici un lien (en Anglais, désolé) où tu trouvera une brève explication de à quoi cela ressemble:
http://www.dynamicdrive.com/dynamicindex1/dropdowncontrol.htm
en bas de cette page tu verras lien pour download un exemple HTML et le .js qui vas avec. Tu pourras t'en inspirer pour ton site.
en espérant avoir été utile, à bientôt.
-
-
Tu peux le faire ne CSS en jonglant avec la propriété visibility et les hover pour les rendre visible.
tu vas devoir ajouter et definir quelques class supplémentaire pour tes items principaux et définir celles des sous-menus. Si tu veux j'ai un exemple de code sur mon site (t'en à plusieurs mais 1 suffira) sur cette page http://www.dbmwebdesign.fr/Modules/menus-horizontaux/menu-horizontal01.html
tu peux aussi pomper ce code et retravailler le CSS (peut etre plus simple) en fonction de ton design -
-
-
merci beaucoup, deux compliments qui me font vraiment plaisir !
n'hésitez pas à suivre mon site sur facebook ou google+ si vous voulez etre informés rapidement des nouveaux contenus publiés, les liens de pages réseaux sociaux sont en haut à droite.
Si vous recherchez des code, modules ou autre ... Les suggestions des internautes sont aussi une source d'inspiration pour les futurs post à venir.
cordialement,
-
