Concevoir les éléments de navigation
CHAPITRE 17
223
La mise en forme par défaut des éléments de liste

convient, mais leurs liens doivent être dimensionnés pour apparaître sous forme de boutons. On leur applique par
conséquent la propriété display: block avec hauteur fixée et hauteur de ligne centrant le texte verticalement. Une couleur de fond distinguera les liens survolés par le
pointeur de la souris :
Un bon formulaire de recherche assistera ce sommaire général.
Le formulaire de recherche
Il est placé dans le bloc menu, juste sous le menu général :
#menu ul {
list-style-type: none;
padding: 0;
margin: 0 1em;
}
#menu li a {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em; /* pour centrer verticalement le texte
dans le bouton de lien */
color: white;
font-weight: bold;
font-size: 120%;
text-indent: 1em;
}
#menu li a:hover {
background: #cccc33;
color: #336600;
}

Recherche générale:

value="mot-clé" />