lien html dans la même page

[Pol63]

bonjour

j'ai fait une doc sous word, je l'ai enregistré en .mht (qui contient les images)

je voudrais maintenant rajouter des liens à l'intérieur qui font défiler vers un endroit du fichier (un sommaire en haut et des liens ici et là)

quelqu'un pourrait ce qu'il faut utiliser ? (j'imagine qu'il y a une balise pour faire un genre de label et une pour faire un genre de goto)

merci

[Bisûnûrs]

Il faut utiliser ce qu'on appelle des ancres :

Code :

1
2
3
4
5
6
7
<a href="#mon-ancre">Lien vers un endroit du document</a>
 
[...]
 
<div id="mon-ancre">
   [...]
</div>

Quand on clique sur le lien #mon-ancre, on arrive sur l'élément (ici un div, mais ça peut être un h2, un span, etc) dont l'id est mon-ancre.

Exemple concret :

Code :

1
2
3
4
5
6
7
8
9
10
<p>Sommaire</p>
<ul>
   <li><a href="#genese">La Genèse</a></li>
   <li>...</li>
   ...
</ul>
 
<h2 id="genese">La Genèse</h2>
<p>Blablabla</p>
...

Cf FAQ : http://xhtml.developpez.com/faq/?page=liens#LIEN_ancre

[Pol63]

merci bien

[Pol63]

je viens de tester, le lien ne fait rien
j'ai mis le id dans un h1 (je ne sais pas ce que ca représente)

Code :

1
2
3
4
 
<a href="#designcols">Design des colonnes</a>
(...)
<h1 id="designcols"

ca vient du h1 ou j'ai pas de chance ?
(autre hypothèse j'ai retiré trop de merdier dans le code html là j'ai mis mon href ^^)

dans ie si je fais clic droit / copier l'adresse du lien ca me donne ca :
<a href="#designcols">Design des colonnes</a>

et quand je passe la souris sur le lien, le curseur ne change pas et le lien ne s'affiche pas en bas

[Bisûnûrs]

Envoyé par Pol63

ca vient du h1 ou j'ai pas de chance ?

T'as pas de chance.
Ou plutôt tu dois avoir des éléments perturbants dans ta page ... Aurais-tu un exemple minimaliste en ligne et qui reproduirait ton problème ?

A savoir, si ton h1 est tout en bas de page ou si tu n'as pas assez de contenu pour afficher un scroll vertical, c'est le comportement normal, puisque l'élément ne peut être atteint que jusqu'à la hauteur du scroll (je sais pas si je suis très clair).

[Pol63]

lien effacé

[Bisûnûrs]

Ah ouais ... Affichage dans Internet Explorer only !
Je t'avoue que le code HTML/CSS pondu par l'enregistrement d'un fichier depuis Word me laisse un peu perplexe. Le code que tu as fait toi-même pour l'ancre est bon, mais le code généré par Word autour rend la fonctionnalité inutilisable. En somme il faudrait vraiment partir d'une base saine et non pas utiliser la conversion de Word.

[Pol63]

ah ... microsoft et les standards ... ^^


word est quand même ce qu'il y a de mieux pour taper du texte et mettre des images
y a t il un autre moyen pour mettre des liens internes en partant de word à l'origine ?

[Bisûnûrs]

Tu peux toujours essayer de créer tes liens directement dans Word (avoir des liens internes à un document Word fonctionne très bien, je ne sais juste plus comment on fait).

Ou alors ce que je te conseille, c'est soit d'utiliser une alternative à Word, c'est-à-dire un éditeur WYSIWYG (plus d'informations dans ta signature ) qui va te pondre un code moyennement correct, fonctionnel et visible plus ou moins correctement sur tous les navigateurs, soit d'apprendre quelques bases du HTML pour créer ton code toi-même.

[Pol63]

bon on va dire que je suis un boulet, je ne connais pas l'html mais je ne connais pas word non plus !
car on dirait bien qu'en effet on peut faire des renvois dans le document

désolé pour le dérangement

[Bovino]

Une précision quand même :

word est quand même ce qu'il y a de mieux pour taper du texte et mettre des images

A la rigueur pour du traitement de texte, mais certainement pas pour un document Web

[Pol63]

oui je veux bien croire, mais c'est pour une doc interne

au final les liens avec word c'est plutot simple (honte à moi de ne pas regarder les gros icones et de sous estimer microsoft )
et puis en xps c'est plutot pas mal pour la lecture (le pdf est pas super joli pour les images)
d'ailleurs l'xps pour une doc en ligne ca doit pouvoir aller, enfin si les utilisateurs ne savent pas ce qu'est un vrai web browser