Mise en œuvre dans un projet professionnel
QUATRIÈME PARTIE
220
Le conteneur de liste (

) portera des marges, un arrière-plan noir, et un texte
blanc aligné sur la droite. En outre, les éléments de liste n’arboreront pas de puce :
Ces mêmes éléments de liste prendront place à la suite les uns des autres à la manière
d’éléments en ligne :
Ils seront blancs et soulignés uniquement lors du survol par le pointeur de la souris :
Le résultat ainsi obtenu satisfait nos exigences.
Le menu vertical
C’est un sommaire général décoré par un arrière-plan graphique (figure 17-3).
Opter pour des dimensions exprimées en em modifiera automatiquement la taille du
menu à chaque changement de taille du texte (opéré, dans certaines limites, par l’utilisateur via les préférences de son navigateur). L’image d’arrière-plan débordera donc
de l’espace prévu par défaut (figure 17-4).
#menuhaut {
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
list-style-type: none;
background-color: black;
color: white;
text-align: right;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
color: white;
text-decoration: none;
}
#menuhaut a:hover {
text-decoration: underline;
}