Image fixe, ancre et CSS
Bonjour, je me suis mis à l\' HTML et au CSS depuis peu.
Je voudrais savoir comment faire pour qu\'en css, une image fixe serve d\'ancre pour remonter la page (un peu comme le \"nothing to do here\" sur choualbox sans le fait qu\'elle apparaisse lorsqu\'on est suffissement bas, sans le changement de l\'image et sans le défilé lorsqu\'on remonte, bref une ancre basique) et si cela est possible quand l\'image est dans le code CSS.
Merci à l\'avance de vos réponses.
http://savedbythegoog.appspot.com/?id=f6937e7f1fa70f039dcec48a1a9b187431f9a8de
<body>
<div id=\"hautdepage\"></div>
haut de la page
<a href=\"#hautdepage\" style=\"position:fixed;right:5px;bottom:5px;\">remonter</a>
Tu remplace remonter par <img src=\"ton image\">
oui, c\'est le résultat que je cherchais, seulement vu que j\'avait mis mon image dans le code css pour les le style(fixe en bas à droite etc), je pensais passer par la pour l\'ancre, mais est-ce seulement possible?
comme dit plus bas tu peux donné un ID a ton lien (celui qui te feras remonté en haut) et définir l\'image via CSS:
(pour reprendre ce que Saian, a déjà fait:
HTML :
<body>
<div id=\"hautdepage\"></div>
<a href=\"#hautdepage\" id=\"imagehautdepage\">remonter</a>
</boby>
* le fichier image dois correspondre à même racine que css:
url(\"image.jpg\");
ou alors par exemple avec un répertoire :
url(\"mesimages/image.jpg\");\" *
CSS :
#imagehautdepage{
background-image: url(\"image.jpg\");
position:fixed;
right:5px;
bottom:5px;
}
Avec une ancre html, ça se passe en deux étapes :
L\'élément vers lequel tu veux remonter (généralement la bannière pour remonter en haut de page) :
<div id=\"HautDePage\"></div>
L\'élément sur lequel tu clic pour remonter (dans ton cas avec une image):
<a href=\"#HautDePage\"> <img src=\"image.jpg\"> </a>
Merci, mais est-il possible de le faire avec une image dans le code css et non pas dans le code html?
Oui tu peux toujours donner un id a ton élément et le designer en css.
Dans le html :
<div id=\"BoutonHautDePage\">
Dans le css:
#BoutonHautDePage{
background-image: url(\"image.jpg\");
}
