Accueil >> Archives >> Avril 2010

En ce beau dimanche de printemps, nous allons voir ensemble la fin de la construction du menu en CSS (pour rappel voir la partie 1).

Prêt ? Alors c’est parti !

Nous allons commencer par rendre le menu de niveau 2 visible au passage de la souris sur le niveau 1

Dans le fichier CSS, ajouter :

div#menu ul.rang1 li.smenu:hover ul.rang2 {
 ...

Un nouveau tutoriel au programme du jour : un menu vertical en CSS intégral sans javascript.

Le plus compliqué consiste à le rendre compatible sous tous les navigateurs, y compris Internet Explorer 6.

Allez c’est parti pour une explication, certes longue, mais qui vous donnera un résultat assez plaisant.

Dans un premier temps, il nous faut un fichier index.html qui contiendra le menu.

<!DOCTYPE...