Vous êtes ici: Accueil / Informatique / Site Web / Astuce CSS / Haut de Page

haut de page

 

Ici nous allons vous proposez un moyen pour détourner le problème rencontré concernant le "haut de page".

 

Constatation

Voila, vous rencontrez un problème concernant le haut de page. Si nous observons bien, la page ne revient pas à 100% en haut de votre page si vous utilisez une ancre du style #top placée juste après <body>.

Très fâcheux pour les puritains.

Remède

C'est très simple, il vous suffit tout simplement de déclarer dans la règle CSS body et html avec au moins une la marge haute et le remplissage haut à 0 pixel.

Exemple règle CSS:

body 
{
margin: 0px;
padding: 0px;
}

Exemple HTML:

<body>
<a name="top" class="ancre"> </a>
...
<a href="#top">Haut de Page ;</a>
...
</body>

Pour les développeurs sans CSS, faitent un lien du style ref:# (pas besion d'ancre).

<a href="#">Haut de Page ;</a>

 

Remède 2

Quelques soit votre CSS, nous utilisons un script pour le retour en haut de page. Celui ci se place directectement au niveau de votre lien dans le code html.

Exemple:

<a href="javascript:;" onclick="document.documentElement.scrollTop = 0;" >
<img src="Images" alt="" width="25" height="25" title="Haut de page" />
</a>

A noter que le code javascript:; est un peu incohérent mais il a l'avantage de ne pas provoquer d'erreur.