Creer un lien vers une partie de la page

Fermé
JiNGo - 10 déc. 2007 à 19:19
 JiNGo - 10 déc. 2007 à 21:54
Bonjour,

Je souhaite, sur une page de mon site, faire un lien du haut de la page, vers une autre partie de la page, celle-ci étant composée de beaucoup de texte en paragraphe.

Si par exemple, je veux qu'en cliquant sur le bouton, l'utilisateur se retrouve à la ligne "il était une fois" qui se trouve en milieu de page, quel commande dois-je mettre au bouton ?
Je précise que c'est du HTML.
Merci
A voir également:

4 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
10 déc. 2007 à 19:56
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>&nbsp;</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>

--
9
Pardon, ce n'est pas un bouton mais un menu déroulant.
voilà le code que j'ai actuellement :

<select name="select">
<option selected="selected">selection1</option>
<option>selection2</option>
<option>selection3</option>
<option>selection4</option>
<option>selection5</option>
</select>

Mon logiciel (dreamweaver) me demande une valeur pour chaque selection, et c'est là que j'aimerais lui dire d'aller à tel ou tel paragraphe.

Désolé pour le double post, et merci
0
C'est bien avec une liste déroulante.
Je vais essayer de retranscrire ça dans mon cas. Si par hazard quelqu'un aurait le code pour une liste déroulante, j'avoue que ça me ferait gagner du temps.
Si j'y arrive d'ici là, je vous tiendrait au courant.

Merci en tout cas de ton aide.
0
Bon, je n'y arrive pas....

Quelqu'un aurait-il le code ?? S'il vous plait vous me sauveriez la vie !


Je répète mon problème clairement :

J'ai une liste déroulante LD avec 3 choix en haut d'une page de texte.
J'aimerais par exemple qu'en cliquant sur le choix 2, l'utilsateur soit amené directement au 8ème paragraphe de cette même page.
J'ai ce code au départ (la liste déroulante sans les liens) :

<select name="select">
<option selected="selected">selection1</option>
<option>selection2</option>
<option>selection3</option>
</select>

J'aimerais si c'est possible qu'on me donne le codage à ajouter pour avoir le résultat que je veux.

Re-merci d'avance ! :O)
0