Le Menu de la gargote au

Le Menu de la gargote au ***

Un menu très simple de très bon rapport qualité prix

les balises

Le top des gargotes : mais un gros avantage

Les Frames : le menu

La page

Menu simple

le style

Remarque. menu a: hover { background: #ccc; } C'est la couleur de fond du lien qui change. Nous verrons que la couleur de l'élément liste peut changer et non celle du lien. Retenez bien cette nuance. Elle permettra de changer une partie de la page au survol d'une autre partie.

code

Menu horizontal

Code

Les onglets

les onglets

le CSS

Les onglets Il faut bien comprendre que pour chaque feuille du site, il faudra modifier la feuille active.

Pur CSS Extrait du livre de Meyer chapitre 6

en CSS

Etape 1

div#nav { float: left; width: 7 em; background: #FDD; }

Code complet

Mode blocs

En position absolute div#nav ul {margin: 0; padding: 0; width: 7 em; } div#nav li {position: relative; } div#nav ul ul {position: absolute; top: 0; left: 7 em; }

vue

Rendre invisible le tout

Tester sous Explorer ! div#nav li {position: relative; list-style: none; margin: 0; border-bottom: 1 px solid #CCC; } permettra de corriger un décalage.

Menu avec texte d'info / (diff de la sol avec span)

code

En Javascript

La liste menu

Le code javascript

Menu avec PHP et Mysql !

Menu crée avec php Mysql

menu. php

index. php

sql

Ajax le chargement dans la page de façon asynchrone facile le chargement des liens.