Étape 5: Ajoutez des divs supplémentaires pour la structure de navigation
Modifier le bit suivant du code :
< div id = « nav » >
< div class = « navblock » >
< ul >
Foo < li > < /li >
< li > Bar < /li >
< /ul >
< / div >
< / div >
Nous allons annonce maintenant un morceau de code pour définir comment la div « navblock » doit être affichée.
Notez que le navblock a une classe, pas un id. La raison en est simple ; div avec un id s’affichent seulement une fois (le bloc de navigation, en-tête, pied de page,...). Divs avec classes peut être affichée plus d’une fois. Ici, nous allons utiliser une classe. Juste au cas où nous devrons ajouter ultérieurement un autre bloc de navigation.
{div.navblock}
Largeur : 180px ;
marge : 5px auto ;
border : 1px solid red ;
}
Si nous voulons ajouter un autre bloc de navigation, vous aurez juste à ajouter un nouveau < div class = « navblock » >... < / div > structure.
Votre code devrait maintenant ressembler à ceci ;
< div id = « nav » >
< div class = « navblock » >
< ul >
Foo < li > < /li >
< li > Bar < /li >
< /ul >
< / div >
< div class = « navblock » >
< ul >
Boo de < li > < /li >
< li > loin < /li >
< /ul >
< / div >
< / div >