Bonjour,
mnajah a écrit :
Resalut clair, par hasard j'ai tombé sur un site qui offre pas mal de menus css et j'ai pensé a toi voici le lien : http://www.cssmenus.co.uk/dropdown.html
Le seul problème ici étant que c'est un peu mauvais comme solution.
Enfin ça dépend des critères de qualité que l'on retient, mais en partant du principe qu'un menu déroulant correct est au moins aussi utilisable qu'un simple menu sur un seul niveau, ça nous donne:
1. accessibilité avec un lecteur d'écran (pas de contenus cachés via un
display:none notamment;
2. utilisation au clavier possible;
3. améliorations ergonomiques pour éviter que les sous-menus ne se referment de manière intempestive (à l'instant où le pointeur de la souris quitte le sous-menu ou passe sur un autre intitulé de rubrique sur une trajectoire en diagonale).
Le deuxième et le troisième points nécessitent l'usage de JavaScript. On pourra éventuellement utiliser le plugin jQuery Superfish (pour #2 et #3), ainsi que le plugin hoverIntent (pour #3) comme conseillé par l'auteur de Superfish. La mise en place de ce plugin suppose qu'on maitrise suffisamment CSS pour réaliser un menu déroulant en «pur CSS» (du genre de celui indiqué par mnajah), le plugin étant alors utilisé, pour l'essentiel, en «surcouche».
Mon avis en passant: un menu déroulant bien fait demande beaucoup de travail et de l'expertise. Un menu déroulant mal fait ne devrait tout simplement pas être fait, vu les défauts d'accessibilité et d'ergonomie qu'il introduit dans la partie la plus essentielle d'un site (la navigation). Moralité: si vous êtes débutant, tenez vous éloigné des menus déroulants.
Modifié par Florent V. (26 Apr 2009 - 11:11)