Mettre un bouton / Lien "Remonter en haut de page" sur mon BLOG
Résolu
malku
Messages postés
123
Date d'inscription
Statut
Membre
Dernière intervention
-
malku Messages postés 123 Date d'inscription Statut Membre Dernière intervention -
malku Messages postés 123 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Fleche pour remonter en haut de page html
- Impossible de supprimer une page word - Guide
- Editeur html - Télécharger - HTML
- Mettre google en page d'accueil - Guide
- Traduire une page en français - Guide
- Numéro de page word - Guide
8 réponses
Bonsoir,
Il faut que l'id hdp soit en haut de la page :
Puis, Il faudrait mettre ceci, pour ton lien de retour :
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>
Merci pour ta reponse, Dugenou ...
Je vais essayer ca demain soir après le boulot,
Je toppera mon sujet comme RESOLU si cela marche !
Merci encore,
Je vais essayer ca demain soir après le boulot,
Je toppera mon sujet comme RESOLU si cela marche !
Merci encore,
Ajoute seulement hdp à ton lien :
L'id hdp est bien placé en haut de la page et ton lien de retour s'affiche bien en bas de la page, ça devrait fonctionner.
<div id='hdp'> <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> </div>
L'id hdp est bien placé en haut de la page et ton lien de retour s'affiche bien en bas de la page, ça devrait fonctionner.
Bonsoir,
... Bon, eh bien, cela ne fonctionne pas,
J'ai vidé le cache ... essayé les 2 techniques ue tu m'as indiqué ... mais rien n'y fait !
Si quelqu'un a une idée ...
Merci,
... Bon, eh bien, cela ne fonctionne pas,
J'ai vidé le cache ... essayé les 2 techniques ue tu m'as indiqué ... mais rien n'y fait !
Si quelqu'un a une idée ...
Merci,
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Je ne comprends pas le problème. Le id est bien placé, au pire le retour ne se ferait pas à l'endroit voulu, mais il se ferait.
Le lien de retour ne semble pas actif, c'est à dire, lorsque l'on place le curseur de la souris sur la flèche, on ne voit pas le lien, c'est simplement une image inerte. Le code semble correct, mais je pense qu'il faut chercher de ce côté.
Tu pourrais mettre le lien dans une <div>, mais je ne pense pas que ça vienne de là.
Je ne comprends pas le problème. Le id est bien placé, au pire le retour ne se ferait pas à l'endroit voulu, mais il se ferait.
Le lien de retour ne semble pas actif, c'est à dire, lorsque l'on place le curseur de la souris sur la flèche, on ne voit pas le lien, c'est simplement une image inerte. Le code semble correct, mais je pense qu'il faut chercher de ce côté.
Tu pourrais mettre le lien dans une <div>, mais je ne pense pas que ça vienne de là.
<div> <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> </div>
Je pense que j'ai trouvé la solution.
Place l'ancre dans la partie <header>
Ensuite, place ton lien de retour avant la balise de fermeture </body>
J'ai testé, ça fonctionne.
Place l'ancre dans la partie <header>
<header> <div id='hdp'></div>
Ensuite, place ton lien de retour avant la balise de fermeture </body>
<div> <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> </div> </body>
J'ai testé, ça fonctionne.
... celà ne marche pas sur BLOGGER ...
Lorsque j'essaie de modifier le code comme celà, je reçois ce message d'erreur suivant :
"div should not appear inside of head ..."
Voilà...
Je ne sais plus quoi faire,
Lorsque j'essaie de modifier le code comme celà, je reçois ce message d'erreur suivant :
"div should not appear inside of head ..."
Voilà...
Je ne sais plus quoi faire,
Ça marche très bien sur Blogger : http://familypm.blogspot.com/
Regarde le code source de mon exemple.
Regarde le code source de mon exemple.