rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Creer un lien vers une partie de la page

Posté par JiNGo, le lundi 10 décembre 2007 à 19:19:28
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
Répondre à JiNGo  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
JiNGo, le lundi 10 décembre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le lundi 10 décembre 2007 à 19:56:02
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
JiNGo, le lundi 10 décembre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 JiNGo, le lundi 10 décembre 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
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger VSO Image Resizer 2.0.1.9VSO Image Resizer - Le logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger Maxthon 2.1.2.649Maxthon - Maxthon est un navigateur à onglets conçu pour tous. Parmi ses fonctionnalités, citons notamment : Navigation par...Catégorie: Navigateurs
Licence: Freeware/gratuit
Télécharger Pathway 1.0.6Pathway - Pathway par sa définition, c'est un chemin ou un sentier. Et bien le programme Pathway est un navigateur sémantique destiné...Catégorie: Web
Licence: Freeware/gratuit
Télécharger PDF Creator 0.9.5PDF Creator - PDF Creator est un outil gratuit permettant de créer des PDF à partir de presque n'importe quelle application capable...Catégorie: PDF
Licence: Open Source
Plus de logiciels gratuits sur « Creer un lien vers une partie de la page »