Discussion :

[michel18]

Bonjour,

J'ai une page qui est un sommaire, avec plusieurs liens pointant sur la même page mais a des rubriques différentes. J'utilise des ancres afin que la page s'affiche à la bonne rubriques en fonction du lien cliqué.

par exemple :
le lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="mapage.php#rub1">bla bla</a>

l'ancre sur la page mapage.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a name="rub1"></a>

Lors du premier affichage de la page lorsque l'on clique sur le lien, il y a un décalage très important qui fait que ça n'est pas la bonne rubrique qui se voit à l'écran. Mais lorsque je clique de nouveau (ou sur un autre lien avec une autre ancre) alors tout va bien.

Je subodore que la raison en est mes images (quand elle ne sont pas dans le cache du navigateur). J'ai plusieurs images sur la page qui sont assez importante en terme de surface. Si je supprime les images alors je n'ai plus ce problème.

Quelqu'un aurait-il une solution pour y remédier, car finalement mes ancres ne servent pas a grand chose dans ces conditions ??!!

[cadoudal56]

Hello,

Il faut bien structurer ta page et les emplacements.
Pour commencer vérifie que les attributs width et height de tes images sont bien remplis. Ensuite si ces images sont dans des cellules de tableau ou des DIV, attribue leur également des dimensions.
Enfin et pour conclure, si jamais cela ne fonctionne pas, essaie de voir si tu ne peux pas pré-charger les images avec un script javascript dans l'entete de la page.

@+
cadou

[_Mac_]

Généralement, ce problème vient qu'on clique sur le lien avant que la page ne soit complètement chargée. Dans ce cas, le navigateur renvoie là où se trouve l'ancre au moment du clic. Si ça continue à charger et que du coup l'ancre se déplace (vers le base par exemple car une grosse image est chargé au dessus), y a un décalage.

Alors effectivement, il faut identifier et empêcher tout ce qui peut générer un décalage, en particulier les images, donc comme dit michel18, utilise les attributs width et height des images pour que le navigateur réserve la place de l'image lorsqu'il génère l'affichage de la page. Regarde également du côté des CSS : si tu as des display: none qui sont activés par JavaScript sur un onload par exemple, d'un seul coup, des éléments sont retirés de l'affichage de la page après son chargement et donc ça génère un nouveau décalage.

[michel18]

effectivement, le fait de spécifier les dimensions des images règles le problème.
Merci beaucoup.