Bonjour,
Tu ne nous montres pas un menu, mais une liste déroulante.
Pour te rendre à un endroit précis de la page, il faut que définisses des ancres (c'est leur nom).
Tu peux le faire simplement en ajoutant un “id” à cet endroit.
Et en y faisant référence dans un lien par son attribut “href=""”.
Avec un menu, ça peut donner ça :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Un titre</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
margin: 0;
padding: 0;
text-align: center;
background-color: #b0c4de;
}
#conteneur {
position: relative;
margin: 0 auto;
width: 760px;
text-align: left;
border : 1px solid #f0ffff;
background-color: #f0f8ff;
font-family: Verdana, sans-serif;
}
p {
margin : 50em 2em;
color : #e55;
}
</style>
</head>
<body>
<div id="conteneur">
<ul>
<li><a href="#ancre_1">Lien vers l'ancre 1</a></li>
<li><a href="#ancre_2">Lien vers l'ancre 2</a></li>
<li><a href="#ancre_3">Lien vers l'ancre 3</a></li>
<li><a href="#ancre_4">Lien vers l'ancre 4</a></li>
</ul>
<p> </p>
<p id="ancre_1">- 1 -<br><a href="#">Retour en haut</a></p>
<p id="ancre_2">- 2 -<br><a href="#">Retour en haut</a></p>
<p style="text-align:center;">- 3 -<br><span id="ancre_3"><a href="#">Retour en haut</a></span></p>
<p style="text-align:right;"><br><a href="#">Retour en haut</a>
<br><br><br><br><br><br><br><br id="ancre_4">- 4 -</p>
</div>
</body>
</html>
--