renvoie vers un texte

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu renvoie vers un texte

Message par Apek Mer 17 Nov 2010 - 23:30

Bonjour,

Comment peut-on faire pour que dans un post, dès qu'on clique sur un lien il nous mène a un endroit plus bat dans la page, au texte en question.

Genre faire un sommaire, dès qu'on clique sur ce que l'on veux ça nous reporte a chapitre concernée (plus bas dans la page)


Dernière édition par Apek le Jeu 18 Nov 2010 - 0:31, édité 1 fois
Apek

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: renvoie vers un texte

Message par Lixyr Mer 17 Nov 2010 - 23:42

Ce sont des ancres. C'est simple d'utilisation. Par exemple, une ancre à deux liens :

blablabla présentation blabla
<p> Aller directement à : - <a href="#forum">ForumActif</a> - <a href="#wikipedia">Wikipedia</a> -
</p>


plus bas =>


blablablablablabla

<h2 id="forum"> Présentation de forum actif </h2>


blablablabalablablabla plus bas

<h2 id="wikipedia"> Présentation de Wikipédia</h2>

blablablabalblablablabalblablablabalblablablabal etc etc


Ca marche par ID.

Au départ vous posez un paragraphe :

Code:
<p> blablablabl </p>


Ensuite, dans ce paragraphe, la balise lien de l'ID :

<a href="#forum">

L'ID "forum" on la retrouve plus bas :

<h2 id="forum"> Présentation de forum actif </h2>

C'est avec l'ID que l'on trouve dans les deux balises, qu'on peut lier le lien meneur au contenu plus bas.

Il suffit ensuite d'entourer son titre, situé plus bas dans la page du code

Code:
<h2 id="NOM DE L'ID"> TITRE </h2> 



Bon au final ça donne ça :

Code:

<p>
 >> Aller directement à : - <a href="#ID NUMERO 1">NOM TITRE NUMERO 1</a> - <a href="#ID NUMERO 2">NOM TITRE NUMERO 2</a> - <a href="#ID NO 3">NOM TITRE NO 3</a> - <<
</p>

TEXTE
TEXTE
TEXTE
PLEIN DE TEXTE

<h2 id="ID NUMERO 1">NOM TITRE NUMERO 1</h2> 

TEXTE
TEXTE
TEXTE
PLEIN DE TEXTE

<h2 id="ID NUMERO 2">NOM TITRE NUMERO 2</h2> 

TEXTE
TEXTE
TEXTE
PLEIN DE TEXTE

<h2 id="ID NO 3">NOM TITRE NUMERO 3</h2> 

TEXTE
TEXTE
TEXTE
PLEIN DE TEXTE



Si vous avez rien compris, essayez, en remplissant, vous comprendrez comme ça ! Mr. Green
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: renvoie vers un texte

Message par Apek Mer 17 Nov 2010 - 23:54

Merci ! Yahoo
Apek

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: renvoie vers un texte

Message par Lixyr Mer 17 Nov 2010 - 23:57

C'est résolu ?

Vous avez compris ? Parce que même moi je ne me suis pas comprise en me relisant ! Very Happy

*il est tard*
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: renvoie vers un texte

Message par Apek Jeu 18 Nov 2010 - 0:31

Bien compris, et en plus ça donne un plus beau résultat que j'espérais.
Apek

Apek
***

Masculin
Messages : 145
Inscrit(e) le : 15/07/2009

http://wingberryfilms.forumsactifs.com/index.htm
Apek a été remercié(e) par l'auteur de ce sujet.

Résolu Re: renvoie vers un texte

Message par Lixyr Jeu 18 Nov 2010 - 0:42

Très bien. x )

Ben de rien alors, contente d'avoir pu aider. ^^
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum