Discussion :

[zzzmoi]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

avec dans ma css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[HiRoN]

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

[zzzmoi]

merci beaucoup cela fonctionne
bonne journée

[desert]

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/

[zzzmoi]

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