ModÈLES DE MENUS

MENU VERTICAL SIMPLE SANS LISTE

MENU HORIZONTAL SIMPLE SANS LISTE

MENU VERTICAL ACCORDÉON

Ce menu vertical accordéon est très facile à réaliser. Cependant il ne donne pas le même effet d'amortissement à l'ouverture des sous-menus que le menu vertical du site des vins Lorieux.

Explication : si l'on examine le code source de ce site, on constate que ce dernier utilise un petit programme java-script

MENU VERTICAL DÉROULANT LATÉRAL AVEC IMAGES D'ARRIÈRE PLAN

La légère transparence du fond des sous-menus est assurée par une image d'arrière-plan en .png transparente réalisée avec photoshop.

Le problème des titres intégrés dans des images d'arrière-plan est que ceux-ci ne peuvent être lus par les navigateurs. On l'a résolu en les doublant par des titres <h2> qui ne sont pas affichés grâce à la propriété display:none mais qui sont cependant lisibles pour les navigateurs.

MENU DÉROULANT HORIZONTAL

Les sous-menus en position:absolute se déploient sans déplacer les éléments situés plus bas dans la page.

MENU DEROULANT LATÉRAL À 4 NIVEAUX

Les sous-menus en position:absolute se déploient sans déplacer les éléments situés plus bas dans la page.

Un menu déroulant à quatre niveaux n'est pas d'une lecture très aisée et son usage n'est pas recommandé. Ce qui vous est présenté là est donc un simple "exercice de style".