Voir le sujet précédent :: Voir le sujet suivant |
Auteur |
Message |
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 14:21 Sujet du message: [XHTML] Créer des ancres |
|
|
Hell low
Dans le cadre de la rédaction d'une documentation assez conséquente, j'aurais besoin d'une technique pour mettre en place des ancres, càd par exemple :
<a href="#chapitre3" ...>Aller au chapitre 3</a>
Merci d'avance, buy buy . |
|
Revenir en haut de page |
|
|
3dmin Administrateur
Inscrit le: 12 Sep 2004 Messages: 3426 Localisation: Brussels
|
Posté le: 28 Juil 2006 à 14:40 Sujet du message: |
|
|
Ahlala... c'est à croire que tu n'as jamais fait de formulaires...
Il faut que le franc tombe un fois et puis c'est bon :
réfléchis, si tu fait un lien-ancre vers #chapitre 3 comme suit
Code: |
<a href="#chap3">Chapitre 3</a> |
il faut qu'il puisse retrouver #chap3 dans un des titres, et ceci reste un LIEN donc à la place de
Code: |
<h1>Chapitre 3 : Les trois grosses cloches sonnent</h1> |
Tu préfèrera utiliser
Code: |
<a name="chap3"><h1>Chapitre 3 : Les trois grosses cloches sonnent</h1></a> |
c'est tout con, il fallait juste le savoir... ça marche comme les formulaires, pour reconnaitre les champs ils suffit de leur donner un nom...
Peace _________________ Patojiku
(c) D.T.P.C. Team, 2004-2010
"Linux, quand il plante, je l'aime quand même, Windows, même quand je l'aime, il plante..."
(c)The Patjke's Network, 1997-2010 |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 15:12 Sujet du message: |
|
|
Merci beaucoup, j'm'en va essayer ça . |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 15:23 Sujet du message: |
|
|
Désolé pour le double-post, j'ai un problème avec ta solution :/
Voici mon lien :
Code: |
Préface : <a href="#pref" hreflang="fr" title="Théorie, philosophie...">Qu'est-ce que Linux ?</a> |
Et voici la cible :
Code: |
<div class="titre" name="pref">Qu'est-ce que Linux ?</div> |
Ça ne marche pas :] ... Et je ne peux pas rajouter <a name...></a>, ça flingue la validité . |
|
Revenir en haut de page |
|
|
3dmin Administrateur
Inscrit le: 12 Sep 2004 Messages: 3426 Localisation: Brussels
|
Posté le: 28 Juil 2006 à 15:32 Sujet du message: |
|
|
J'avoue j'ai appris le html 1.0 moi il y a dix ans... alors bon, j'ai mes vieilles habitudes... bref... c'est clair avec un div ça ne fonctionnera pas...
bref, peut-être que tu dois jouer avec les rel="" et rev=""
en tout cas je viens d'aller voir (http://www.w3schools.com/tags/tag_a.asp) et le <a name=""> fait bien partie des tags XHTML _________________ Patojiku
(c) D.T.P.C. Team, 2004-2010
"Linux, quand il plante, je l'aime quand même, Windows, même quand je l'aime, il plante..."
(c)The Patjke's Network, 1997-2010 |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 15:34 Sujet du message: |
|
|
Oui mais on ne peut pas y insérer un titre comme un h1 ni un span ou même un div comme dans mon exemple |
|
Revenir en haut de page |
|
|
3dmin Administrateur
Inscrit le: 12 Sep 2004 Messages: 3426 Localisation: Brussels
|
Posté le: 28 Juil 2006 à 15:45 Sujet du message: |
|
|
normalement
Code: |
<a class="titre" name="chapitre1">Qu'est-ce que Linux ?</a> |
devrait le faire tu sait...
en général mes liens resseblent à ça :
Code: |
--------- LIEN --------
<a class="myclass" href="#chap1">Chapter 1</a>
------- DESTINATION ------
<div class="machin"><a name="chap1">1.</a> Introduction<br />{texte.db000}</div> |
_________________ Patojiku
(c) D.T.P.C. Team, 2004-2010
"Linux, quand il plante, je l'aime quand même, Windows, même quand je l'aime, il plante..."
(c)The Patjke's Network, 1997-2010 |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 15:57 Sujet du message: |
|
|
Je t'ai dit que je ne peux pas faire ça pour les liens, mes class ne sont pas faites pour ça elle sont bien trop détaillées (background, bordure, etc.)... |
|
Revenir en haut de page |
|
|
3dmin Administrateur
Inscrit le: 12 Sep 2004 Messages: 3426 Localisation: Brussels
|
Posté le: 28 Juil 2006 à 16:01 Sujet du message: |
|
|
tu peux ajouter une nouvelle class :
a.machin {
color: yellow ;
margin: auto ;
font-family: Arial ; !important
}
c'est un exemple, et en faire une pour a.machin:hover si l'envie t'en prend (ainsi t'utilise pas le mouseouver="trucjavasc") _________________ Patojiku
(c) D.T.P.C. Team, 2004-2010
"Linux, quand il plante, je l'aime quand même, Windows, même quand je l'aime, il plante..."
(c)The Patjke's Network, 1997-2010 |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 16:40 Sujet du message: |
|
|
Depuis le CSS2, ce n'est plus pareil au fait
.element a {
gnagnagna: trucmachin;
}
.element a:hover {
gnagnagna: trucmachin;
}
Par exemple.
J'ai aussi ajouté une nouvelle classe mais ce n'est définitivement pas bon . |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 16:42 Sujet du message: |
|
|
C'est bon j'ai réussi : utilisation de l'attribut "id" . |
|
Revenir en haut de page |
|
|
3dmin Administrateur
Inscrit le: 12 Sep 2004 Messages: 3426 Localisation: Brussels
|
Posté le: 28 Juil 2006 à 16:44 Sujet du message: |
|
|
rien ne t'empêche de planquer la balise de réf
Code: |
<a name="truc"></a><div class="machin">TITRE et tes machins</div> |
_________________ Patojiku
(c) D.T.P.C. Team, 2004-2010
"Linux, quand il plante, je l'aime quand même, Windows, même quand je l'aime, il plante..."
(c)The Patjke's Network, 1997-2010 |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 28 Juil 2006 à 17:17 Sujet du message: |
|
|
Ouais, mais je préfère faire quelque chose de propre . |
|
Revenir en haut de page |
|
|
vin-moi Administrateur
Inscrit le: 28 Aoû 2004 Messages: 6897 Localisation: France
|
Posté le: 29 Juil 2006 à 12:00 Sujet du message: |
|
|
J'ai pas lu toute la conversation mais tu peux aussi utiliser le "id" (tu peux le mettre sur n'importe qu'elle balise), du genre id="XX", et après tu fait un lien vers #XX _________________ |
|
Revenir en haut de page |
|
|
AddiKT1ve Invité
|
Posté le: 29 Juil 2006 à 15:40 Sujet du message: |
|
|
Je l'ai dit plus haut . |
|
Revenir en haut de page |
|
|
Ajouter à :
|
|