Exercice HTML menu avec CSS, tutoriel & guide de travaux pratiques en pdf.
Créer un fichier CSS permettant d’obtenir le menu donné par la figure:
à partir du code HTML suivant:
<ul class="menu"> <li><a href="accueil.html">Accueil</a></li> <li class="active"><a href="infos.html">Infos</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="login.html">Se connecter</a></li> </ul>
Pour cela, on pourra utiliser les propriétés :
–-moz-border-radius-topleft:10px;
–-moz-border-radius-topright: 10px;
pour obtenir les arrondis sur les coins des bordures.
Remarque : La propriétéborder-radius n’est pas encore supportée par tous les navigateurs.
Par conséquent, pour un site Web devant être compatible avec tous les navigateurs, ilfaudrait utiliser des images de fond pour obtenir le même résultat, ce qui complexi?e le travail.
Deplus, certains validateurs peuvent considérer l’utilisation de cette propriété comme une erreur.
La correction exercice HTML (voir page 2 en bas)
