Mettre un bouton / Lien "Remonter en haut de page" sur mon BLOG

Résolu/Fermé
malku Messages postés 123 Date d'inscription samedi 10 février 2007 Statut Membre Dernière intervention 1 novembre 2015 - 3 août 2015 à 22:23
malku Messages postés 123 Date d'inscription samedi 10 février 2007 Statut Membre Dernière intervention 1 novembre 2015 - 22 août 2015 à 10:55
Bonjour à tous,

Je suis en train de créer un blog pour une association ... et je souhaite installer en bas à droite de l'écran un bouton avec un lien ... permettant de remonter en haut de page.

Voici l'adresse du blog en création : www.xchoolixim.org

Comme vous le voyez, l'image apparaît (en bas, à droite - la petite flèche rouge -) ... mais je n'arrive pas à installer un lien dessus. Pourtant, j'avais réussis à atteindre mon objectif avec un code semblable il y a quelques années, sur un site web classique.

J'ai mis ce code :
<div id='hdp'>
<a href='#'>
<img alt='Revenir en Haut' height='31' src='http://1.bp.blogspot.com/-sKUC2jWW6Os/Vb4cHICaNsI/AAAAAAAAAFY/m4Ow0UxCUN4/s1600/verslehaut.gif' style='position:fixed;top:90%;left:95%;' width='31'/>
</a>
</div>

Y a t-il quelque chose qui ne va pas ???

Je suis pas doué en HTML, vous l'aurez deviné ...

J'avais aussi ce code ci-dessous qui fonctionnait sur un autre site il y a plusieurs années mais celui là non plus n'a pas fonctionné ...

img alt="Revenir en Haut"
onclick="location.href='#';"
style="position:fixed;top:90%;left:95%;"
src="verslehaut.gif">

Merci par avance à tous ceux qui pourront consacrer quelques minutes à ma question.

A bientôt,

Jean-Yves

8 réponses

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
Modifié par dugenou le 3/08/2015 à 23:54
Bonsoir,

Il faut que l'id hdp soit en haut de la page :

<div id='hdp'></div>


Puis, Il faudrait mettre ceci, pour ton lien de retour :

<a href='#hdp'>
<img alt='Revenir en Haut' height='31' src='http://1.bp.blogspot.com/-sKUC2jWW6Os/Vb4cHICaNsI/AAAAAAAAAFY/m4Ow0UxCUN4/s1600/verslehaut.gif' style='position:fixed;top:90%;left:95%;' width='31'/>
</a>  
0