Dans ce tuto CSS, je vous propose d'apprendre à réaliser un menu responsive comportant plusieurs sous-menus.
Cela signifie que nous mettrons en place des menus qui au survol de la souris, ouvriront une liste de sous-menus qui elle-même pourra ouvrir une autre liste de sous-menus.
Pour réaliser cela, nous utiliserons uniquement les langages HTML et CSS. Nous n'utiliserons pas de langage de programmation tel que le JavaScript.
Afin de mener à bien notre code, nous devrons mobiliser un certain nombre de connaissances en CSS.
Toutes ces connaissances vous ont déjà été proposées dans différents tutos, par mes soins.
Voici les connaissances que nous devrons exploiter :
- Les différents types de positionnement en CSS
- CSS avancé : Fonctionnement des FLOAT
- CSS Avancé : les Combinateurs
Comme j'aime à le répéter : "Plus j'ai de connaissances et plus c'est facile !"
À la fin de ce tuto, vous serez en mesure de réaliser une zone de navigation responsive, comportant plusieurs niveaux de menus.
Je mets les codes de ce tuto à votre disposition ainsi qu'un QCM pour valider vos connaissances !
Avis des apprenants