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 partie spécifique d'une page Web


Sujet :

HTML

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    175
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2008
    Messages : 175
    Points : 50
    Points
    50
    Par défaut Lien vers une partie spécifique d'une page Web
    Bonjour tout le monde,

    Actuellement, j'utilise <a href="#A">Text</a> et <div id="A"> pour aller au <Div> qui contient le paragraphe désirée.

    Cela marche bien, mais ca pointe au milieu de la paragraphe. Est-ce qu'il y a un moyen de pointer exactement au début du paragraphe?

    Merci bien.

  2. #2
    Membre éclairé
    Avatar de LearningBoy
    Homme Profil pro
    Ingénieur Logiciel - Fullstack JavaScript
    Inscrit en
    Août 2017
    Messages
    73
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur Logiciel - Fullstack JavaScript
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2017
    Messages : 73
    Points : 664
    Points
    664
    Par défaut Comportement par défaut du HTML
    Bonjour l_achraf,

    Le comportement par défaut de la navigation avec des ancres est de coller l'élément de destination au sommet de la fenêtre du navigateur, et c'est donc le centre du paragraphe qui apparaît au milieu de la page.

    Il existe deux possibilités pour contourner ce problème, passer par une règle css permettant d'ajouter plus d'espace entre le sommet du bloc paragraphe et son contenu :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .mon-paragraphe {
      padding-top : 25px;
    }
    Une autre possibilité est de se tourner vers le JavaScript. Voici un exemple de ce qu'il est possible de faire.

    Simon,

    Auteur sur Awesome Angular.
    Découvrez "Angular, ECMAScript 6 et TypeScript" pour vos futurs développements web...

Discussions similaires

  1. Réponses: 3
    Dernier message: 29/03/2011, 20h38
  2. Réponses: 0
    Dernier message: 07/06/2009, 12h31
  3. Ouverture d'un lien dans une partie de la même page
    Par G-First dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 14/04/2009, 10h12
  4. Comment faire une partie fixe et une partie variable ?
    Par bassiste dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/06/2008, 15h45
  5. lien vers un paragraphe precis d'une autre page
    Par karimphp dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 11/01/2007, 15h55

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