Créer des menus simples en CSS
Dans ce tutoriel, nous allons apprendre à réaliser des menus "simples" (sans arborescence: tous les liens sont au même niveau) à l'aide des feuilles de style.
Faire un menu avec onglets en CSS avec before / after
Le menu fonctionne sur le principe de la génération de contenu en CSS (Before / after) : donc pas de structure et de balisage inutile.
Il est fluide en largeur et en hauteur. Il accepte également parfaitement l'agrandissement et le rapetissement de la taille de police (taille en "em").
Son survol ne nécessite pas de préchargement d'image : il est instantané (principe des portes coulissantes).
Un menu avec commentaires au survol
Vous avez envie d'afficher des détails supplémentaires lorsque votre visiteur survole un lien de votre menu. La plupart du temps, c'est Flash ou javascript et sa gestion de calques affichés/masqués qui vous permettent de réaliser vos voeux.
Pourtant, il existe une manière plus compatible de réaliser cette technique sans langage de programmation, ni flash.
Un menu déroulant en CSS et XHTML (horizontal et vertical)
Nous allons voir comment créer un menu déroulant comportant plusieurs menus, contenant chacun des sous-menus. Cette version de ce tutoriel a été remise à jour en août 2004 pour y apporter des simplifications et des fonctionnalités supplémentaires notamment au niveau de l'Accessibilité.
