Rechercher : dans
Par :

Creer un lien vers une partie de la page

Dernière réponse le 10 déc 2007 à 21:54:16 JiNGo, le 10 déc 2007 à 19:19:28 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Creer un lien vers une partie de la page » dans :
Faire un lien vers sa configuration PC VoirIl est pratique de pouvoir donner un lien de sa configuration PC pour montrer sa configuration à ses amis ou pour mieux se faire aider quand on cherche un pilote après une réinstallation de Windows. Allez sur le site de Ma-Config.com :...
Faire un lien vers CommentCaMarche VoirVous êtes le bienvenu pour faire un lien vers CommentCaMarche.net ! Vous avez l'autorisation de faire pointer un lien vers la page d'accueil de CommentCaMarche.net ou bien directement vers un des articles. Si vous voulez agrémenter le lien d'une...

1

JiNGo, le 10 déc 2007 à 19:37:58

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

Répondre à JiNGo

2

Gihef, le 10 déc 2007 à 19:56:02
  • +4

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>

--

Répondre à Gihef

3

JiNGo, le 10 déc 2007 à 20:12:54

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.

Répondre à JiNGo

4

 JiNGo, le 10 déc 2007 à 21:54:16

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)

Répondre à JiNGo
Collection CommentÇaMarche.net