IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Lien vers une autre page à un endroit précis (ancre)


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Octobre 2008
    Messages
    329
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 329
    Par défaut Lien vers une autre page à un endroit précis (ancre)
    Bonjour

    J'essaie de faire un lien vers une autre page à un point précis avec le code:

    Sur la page d'origine:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="help2.htm#neptune" target="_blank">texte du lien</a>
    et sur la page destination:
    Mais ça ne fonctionne pas...

    Lien vers la page d'origine: http://www.merlette.fr/help/

    Ca fonctionne jusqu'au point 6, mais si je mets l'ancre sur le point 7 ou suivants ça me dirige à tous les coups en bas de la page au lieu de me diriger au point voulu...

    J'essaie depuis des heures de trouver pourquoi sans résultat...

    Quelqu'un aurait la réponse?

    Tous les fichiers sont téléchargeables sur ce lien: www.merlette.fr/help/help.rar

    Merci de votre aide

  2. #2
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Ce n'est pas l'attribut NAME qu'il faut mettre, mais l'attribut ID

  3. #3
    Membre éclairé
    Inscrit en
    Octobre 2008
    Messages
    329
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 329
    Par défaut
    Bonjour et merci pour ton aide

    Avec
    J'avais d&jà essayé c'est idem qu'avec name, si on met l'ancre sur le point 7 ou + ça dirige en bas de la page...

  4. #4
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 582
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 582
    Par défaut
    Bonjour,

    Je ne vois pas d'ancre nommée à part <a name="neptune"></a>. C'est avec quelles URL que tu voudrais atteindre les points suivants ?

    Par ailleurs, même si tu ne vois pas de différence entre name et id, name est déprécié et devrait être remplacé par id, qui est aussi plus pratique parce qu'on peut le mettre dans n'importe quel élément et pas seulement une ancre <a>.
    Donc utiliser autre chose que id est un risque. Utiliser id est ce qu'il faut.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  5. #5
    Membre éclairé
    Inscrit en
    Octobre 2008
    Messages
    329
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 329
    Par défaut
    Bonjour et merci pour votre aide

    J'ai déjà développé plusieurs pages de mon site où il y a plusieurs ancres et j'ai le même problème.

    La page que j'ai mise en ligne n'est qu'une page de test. Sur cette page il n"y a qu'une seule ancre pour comprendre pourquoi ça ne fonctionne pas si on la déplace au delà du point 6.

    Pour mieux comprendre sur la page help2.htm j'ai maintenant placé 2 ancres avec "id" au ieu de "name" :
    - 1 sur le point 6
    - 1 sur le point 7

    http://http://www.merlette.fr/help/

    Les fichiers sont téléchargeables à cette adresse:
    http://www.merlette.fr/help/help2.rar

    Pour le point 6 ça fonctionne. En revanche sur le point 7 je suiis dirigé en bas de la page...

    Mais je me suis aperçu d'autre chose, apparemment ça a un rapport avec la feuille de style. Si dans la page help2.htm on retire la feuille de style en supprimant la ligne:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link href="styles.css" rel="stylesheet" type="text/css" />
    Alors là ça ne marche plus du tout ! On est toujours dirigé vers le bas de la page!

    Je n'y comprends plus rien...

  6. #6
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Citation Envoyé par pasc06
    Pour le point 6 ça fonctionne. En revanche sur le point 7 je suiis dirigé en bas de la page...
    Chez moi (FF 19), ça fonctionne.
    De toute façon, ça doit fonctionner Et la feuille de style n'a a priori rien à voir dans le problème.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 5
    Dernier message: 17/04/2013, 18h44
  2. lien vers une autre page
    Par devhercule dans le forum ASP.NET
    Réponses: 2
    Dernier message: 28/03/2008, 11h43
  3. Lien vers une autre page
    Par tina25 dans le forum ASP.NET
    Réponses: 1
    Dernier message: 23/02/2008, 17h53
  4. Lien vers une autre page Web
    Par taaaz1964 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 15/09/2007, 14h49
  5. Lien vers une autre page puis qui selection d'un elt d'une listbox
    Par avogadro dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 12/08/2006, 13h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo