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).

Tests navigateurs :

Note : Il ne fonctionne bien évidemment pas sous Internet Explorer (toutes versions et plateformes) qui ne reconnaît pas les pseudo-éléments standards Before et After.

Pour afficher ce menu correctement sur IE, une remaniement a dû être fait, ainsi que l'utilisation d'un hack "IE7" de Dean Edwards.

Consultez le code-source de la page pour découvrir le principe.

Retour