<img> dans <a> en css ?

Bonjour à tous,

Je souhaite faire un retour "haut de page" avec une image, mon manque d'expérience me fait défaut et je n'y arrive pas :?
Mon code dans ma page html serait :

Code:

---

1 2 3

<a href="#menu"> <img src="image.gif" /> </a>

---

... code qui fonctionne très bien mais que je souhaiterais mettre directement dans ma css au niveau de la <a> de façon à pouvoir modifier l'image facilement.

j'ai essayé :

Code:

---

<a href="#menu" class="img_retour"></a>

---

avec dans ma css :

Code:

---

1 2 3 4 5

.img_retour { border:none; background-image:url(image.gif); background-repeat:no-repeat; }

---

... sauf que bien entendu, n'ayant aucun texte entre <a> et </a> (volontaire) ... mon image ne s'affiche pas. dès que je mets du texte entre les balises <a>, tout fonctionne très bien sauf un problème avec la taille de l'image)

étant débutante, je n'ai pas forcément la bonne logique ...
merci pour votre aide :) et bonne journée

En ajoutant un display:block (<a> étant de base un élément inline) ?

merci beaucoup cela fonctionne :D
bonne journée

La meilleure solution reste quand même celle que tu as proposé en premier si il s'agit simplement d'afficher une image décorative (sans texte à l'intérieur) entourée d'un lien.

Au cas ou, pour apprendre CSS suis ces tutoriels et cours de formation CSS : http://css.developpez.com/cours/

surement mais avec beaucoup de retour "haut de page", le jour où je dois modifier cette fameuse image ... ça risque d'être lourd de relire/modifier tout le code ;)
... même si la fonction "rechercher / remplacer" est très pratique :)

merci pour vos réponses