Lien a l'interieur d'une même page
Résolu/Fermé
syrinxxxx
Messages postés
322
Date d'inscription
lundi 9 juin 2008
Statut
Membre
Dernière intervention
14 novembre 2009
-
16 oct. 2008 à 11:40
Groarh Messages postés 682 Date d'inscription vendredi 1 août 2008 Statut Membre Dernière intervention 28 juin 2015 - 20 oct. 2008 à 14:35
Groarh Messages postés 682 Date d'inscription vendredi 1 août 2008 Statut Membre Dernière intervention 28 juin 2015 - 20 oct. 2008 à 14:35
A voir également:
- Lien a l'interieur d'une même page
- Supprimer une page word - Guide
- Lien url - Guide
- Logiciel aménagement intérieur - Guide
- Verifier un lien - Guide
- Traduire une page web - Guide
5 réponses
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 744
16 oct. 2008 à 11:58
16 oct. 2008 à 11:58
Groarh
Messages postés
682
Date d'inscription
vendredi 1 août 2008
Statut
Membre
Dernière intervention
28 juin 2015
185
16 oct. 2008 à 12:01
16 oct. 2008 à 12:01
Salut,
tu dois utiliser les balises <a>, mais d'une façon un peu différente de d'habitude. On appelle ça des ancres, et c'est d'ailleurs de là que vient la lettre <a> utilisée pour cette balise.
Pour rester dans la même page, le href de ton lien doit commencer par un dièse # suivi du nom de l'ancre. Il faut donc avoir placé l'ancre dans ton code :
Le lien sera donc :
NB : tu peux placer du texte dans les ancres, comme avec les liens, mais attention : cela leur donnera certains des effets visuels qu'ont les liens, par exemple le changement de couleur au survol.
tu dois utiliser les balises <a>, mais d'une façon un peu différente de d'habitude. On appelle ça des ancres, et c'est d'ailleurs de là que vient la lettre <a> utilisée pour cette balise.
Pour rester dans la même page, le href de ton lien doit commencer par un dièse # suivi du nom de l'ancre. Il faut donc avoir placé l'ancre dans ton code :
<a id="row1"></a>si tu as déclaré ta page en xhtml, ou
<a name="row1"></a>si tu l'as déclarée en html traditionnel.
Le lien sera donc :
<a href="#row1">lien</a>
NB : tu peux placer du texte dans les ancres, comme avec les liens, mais attention : cela leur donnera certains des effets visuels qu'ont les liens, par exemple le changement de couleur au survol.
syrinxxxx
Messages postés
322
Date d'inscription
lundi 9 juin 2008
Statut
Membre
Dernière intervention
14 novembre 2009
28
16 oct. 2008 à 12:11
16 oct. 2008 à 12:11
merci beaucoup essaye ca dans l'aprem :D
pour les couleurs ca reprendrai celles prevues dans le css pour tout les liens du site c'est parfait
pour les couleurs ca reprendrai celles prevues dans le css pour tout les liens du site c'est parfait
syrinxxxx
Messages postés
322
Date d'inscription
lundi 9 juin 2008
Statut
Membre
Dernière intervention
14 novembre 2009
28
17 oct. 2008 à 12:54
17 oct. 2008 à 12:54
super ca marche très bien, merci !!
pour les couleurs dans mon css je peux peut-être choisir la couleur seulement des liens "ancres"
ou alors c'était justement ce que tu voulais dire : les ancres sont des liens et apparaitront comme des liens
pour les couleurs dans mon css je peux peut-être choisir la couleur seulement des liens "ancres"
ou alors c'était justement ce que tu voulais dire : les ancres sont des liens et apparaitront comme des liens
Groarh
Messages postés
682
Date d'inscription
vendredi 1 août 2008
Statut
Membre
Dernière intervention
28 juin 2015
185
17 oct. 2008 à 14:49
17 oct. 2008 à 14:49
Ouais, c'est ce que je voulais dire...
Sinon, faut que tu t'arranges avec tes pseudo-classes :
a -> tous les liens et toutes les ancres
a:link -> seulement les liens
a:active -> liens activés (quand on clique dessus, souvent ça se voit pas)
a:visited -> liens déjà visités (dépend de l'historique enregistré par le navigateur du visiteur)
a:hover -> effet au survol sur les liens et les ancres (sur ce point, IE ne se comporte pas comme les autres)
a:link:hover -> effet au survol seulement pour les liens.
Bon courage !
Sinon, faut que tu t'arranges avec tes pseudo-classes :
a -> tous les liens et toutes les ancres
a:link -> seulement les liens
a:active -> liens activés (quand on clique dessus, souvent ça se voit pas)
a:visited -> liens déjà visités (dépend de l'historique enregistré par le navigateur du visiteur)
a:hover -> effet au survol sur les liens et les ancres (sur ce point, IE ne se comporte pas comme les autres)
a:link:hover -> effet au survol seulement pour les liens.
Bon courage !
syrinxxxx
Messages postés
322
Date d'inscription
lundi 9 juin 2008
Statut
Membre
Dernière intervention
14 novembre 2009
28
17 oct. 2008 à 19:32
17 oct. 2008 à 19:32
ouai c'est trop compliqué j'ai galéré a faire mon css et pour les a: je les ai regrouppés pour les paragraphes pour mon menu, etc ...
si je veux changer la couleur il faudrait que je fasse un nouveau h3 genre, et que je lui attribue une couleur spécifique.
Mais la c'est deja très bien ca fonctionne !
un grand merci a toi :D
si je veux changer la couleur il faudrait que je fasse un nouveau h3 genre, et que je lui attribue une couleur spécifique.
Mais la c'est deja très bien ca fonctionne !
un grand merci a toi :D
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Groarh
Messages postés
682
Date d'inscription
vendredi 1 août 2008
Statut
Membre
Dernière intervention
28 juin 2015
185
20 oct. 2008 à 14:35
20 oct. 2008 à 14:35
Salut, c'est encore moi ^^
Je voulais rajouter que tu peux cibler les ancres qui sont dans des h3 en faisant :
Par contre, le contraire n'est pas rigoureux : tu ne peux pas (ou plutôt tu ne devrais pas) mettre un h3 dans une ancre car les h3 sont de type block ; or les ancres, comme les liens, n'acceptent que des éléments de type inline.
Je voulais rajouter que tu peux cibler les ancres qui sont dans des h3 en faisant :
h3 a { color: ... }
Par contre, le contraire n'est pas rigoureux : tu ne peux pas (ou plutôt tu ne devrais pas) mettre un h3 dans une ancre car les h3 sont de type block ; or les ancres, comme les liens, n'acceptent que des éléments de type inline.
