[Résolu] Conflit ancre - <p>

Bonjour à tous,

Point 1
Je rencontre un problème avec une ancre et IE6.0.

Voici la ligne de code:

<p class="suite">Ensuite descendez la piste pour voir le <a href="#reportage">reportage photo</a>.</p>

avec le code suivant pour l'ancre:

<div id="reportage"></div>

Sur Firefox, ça marche nickel mais sur IE, rien. Le texte apparaît bien sous forme de lien mais ça ne fonctionne pas. Apparemment, il y a un problème parce que ça se trouve dans un paragraphe avec un code CSS.

Le seul bidouillage que j'ai trouvé est d'insérer une image comme ceci:

<p class="suite">Ensuite descendez la piste pour voir le <a href="#reportage"><img src="images/bidouille.gif" border="0" alt="bidouille"/>reportage photo</a>.</p>

Ca fonctionne à peu près (mais pas aussi bien que sur Firefox) mais je ne suis pas satisfaite et j'aimerais comprendre d'ou vient le problème.


Point 2.
J'ai essayé un lien vers le haut de la page avec

<a href="#top"><img src="images/haut.gif" alt="Haut de la page" border="0" class="haut" title="Haut de la page" /></a>

sans définir d'ancre top et ça ne marche pas sur Firefox. Par contre # tout seul fonctionne.

Merci pour votre aide.
Modifié par Chocaccro (26 May 2006 - 14:16)

Salut,

Point 1:

Je ne suis pas pro, mais je pense savoir d'où vient ton problème.
En fait, tu t'es trompé de code pour l'ancre. Fait plutôt ceci:

<a id="reportage">Du texte</a>

Ainsi, lorsque tu cliqueras sur "reportage photo", tu iras directement à ton ancre sans soucis, que ce soit sur IE ou sur Firefox. En plus ton ancre sera valide XHTML Strict!

Ps: Parfois, en plus de l'attribut "id", on met l'attribut name="mon_ancre" pour les plus anciens naviguateurs, qui ne supportent pas XHTML Strict. Mais je ne pense pas que ce soit vital.

Point 2:
Chez moi aussi, l'ancre vers "top" marche sur IE sans mettre l'ancre en question, pour aller en aut de la page. A l'inverse, ça ne fonctionne pas avec FF. Mais, effectivement # marche pour les deux. Alors pourquoi se tracasser?

Dorian
Modifié par dodormir (04 Feb 2006 - 17:31)

Je ne voudrais pas dire de bétises, mais de mémoire, la balise d'accès à ancre est plutot

<a name="nom_balise_ancre"></a>

Merci pour vos réponses mais rien ne marche.

Si je sors le code <a href="#reportage">reportage photo</a> du paragraphe, ça fonctionne sans problème mais la mise en forme n'y est évidemment plus.

Pour le point 2, je suis d'accord et cela ne m'empêchera pas de dormir. C'est juste que j'ai lu dans les FAQ que ça marchait.

Bonsoir,
Tu as ici une discussion bien fournie sur le retour en haut de page, et là un post sur les ancres.
Si aucune des solutions présentées ne fonctionne, je t'invite à mettre en ligne un exemple pour que nous puissions voir si le problème ne vient pas d'ailleurs .

@ devmike :

W3C a écrit :
Finalement, notez que le XHTML 1.0 a abandonné l'attribut name des éléments a, applet, form, frame, iframe, img, and map, et qu'il sera éliminé dans les versions suivantes.

@ chocaccro : n'oublie pas de mettre en valeur tes exemples de code avec le bouton "code" en dessous des smileys si tu ne veux pas te faire reprendre par les modos (comme spécifié dans les règles que tu as lues et acceptées en t'inscrivant !)
Modifié par Jihel (04 Feb 2006 - 18:44)

Aïe, désolée, promis je ne le referai plus.

En plus, je dois vous annoncer qu'après avoir fait plein d'essais, ça marche enfin.
Je crois qu'il y avait un problème de superposition entre l'imap et le paragraphe. Après avoir descendu un peu ce fameux paragraphe, ça marche.

Bon, je vais maintenant essayer de rendre ma galerie de photos présentable sur IE (il m'aura fait suer celui-là !).

Encore désolée et bonne soirée.