COMMENT CREER UN MENU DYNAMIQUE
AVEC SEULEMENT HTML ET CSS
Nous allons voir comment créer un menu déroulant seulement avec du HTML et CSS sans JavaScript ou autre technologie supplémentaire. Nous irons progressivement depuis l’essentiels jusqu’au l’obtention d’un menu agréable et pratique.
Dispositif nécessaire : un éditeur de texte est suffisant, mais vous pourriez préférer un éditeur de code HTML et CSS avancé.
Principe :
· Le menu est inséré comme une liste html en plusieurs niveaux (nous utiliserons deux niveaux pour l’exemple);
· On ajoute les balises de liens aux éléments de la liste ;
· On masque le niveau inferieur avec le CSS
· On fait apparaitre un bloc de sous-menu au passage de la souri
· On améliore le positionnement des sous-menus
· On améliore l’apparence du menu
Voici un exemple
lisez le code source de cette page (Cntrl+U pour firefox ou chrome), des commentaire y sont.
A faire
Voici un exemple très simple pour comprendre le principe. Il reste alors de donner une apparence convenable au menu et ses éléments.
Commentaires