TP noté – html – css – dernier jet avec un menu

Cette semaine essayons d’intégrer un menu et plusieurs pages à notre site web :

Ça se passe dans une balise nav à mettre par exemple au début du body dans laquelle on met :

<ul>
	<li><a href="epagneul.html">Epagneul</a></li>
	<li><a href="moi.html">Moi</a></li>
	<li><a href="... .html">Mathonomie ICN Seconde</a></li>
</ul>

Il suffit ensuite de copie la page epagneul.html et l’appeler moi.html pour que ce menu fonctionne. Changer le contenu de la page moi.html !

Enfin, pour que ce menu soit mis en forme, ça se passe dans… le css !

Par exemple :

nav
{
  position: fixed;
  top: 10px;
  left: 5px;
  width: 98%;
}

nav a, a:visited, a:focus, a:active
{
  text-decoration: none;
  color: black;
}

nav a:hover
{
  text-decoration: none;
  color: #bb0000;
}
nav ul
{
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  display: flex;
  justify-content: space-around;
  background-color: lightgrey;
  box-shadow: 5px 5px 15px black;
}

La semaine dernière, j’ai affiné les notes provisoires, on continue cette semaine !

Rendez-vous le … 3 mai !

N'hésitez-pas à poser une question, ou faire avancer le schmilblick

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l’aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l’aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l’aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l’aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.