Afficher une icone auprés d'une images

salut tous,
je cherche comment afficher une icone de suppression auprés d'une images pour permettre l'utilisateur de supprimer une image(publication)
je cherche comment l'apparaitre lorsque la souris est sur la zone prés de limage ou sur l'images elle meme,
Meci pour votre aide

Salut,

Si j'ai bien compris ta question tu pourrais essayer un truc dans ce style :

<div>
<img src="image.jpg" alt="je suis un alt pertinent" />
<a href="index.php">
<img src="supression.png" alt="supprimer l'image" />
</a>
</div>

div {
position: relative;
}
a {
display: none;
position: absolute;
left: 0;
top: 0;
}
img:hover+a, a:hover{
display: inline
}

Quand on survole ton image, une petite icône cliquable apparait en haut à gauche de celle-ci.

En espérant t'avoir aidé ^^
Modifié par Gili (20 Apr 2012 - 12:23)

Bonne solution mais je pense qu'il manque juste un sélecteur d'adjacence ici :

img:hover [b]+[/b] a {
	display: inline;
}

Modifié par jeremy-p (20 Apr 2012 - 12:17)

Effectivement merci de le préciser Jeremy

Et je vais même dire un truc quand on survol le lien il disparait, vu que le hover est sur l'image. Bref j'ai édité la solution.

Effectivement je n'avais pas remarqué. Et même plus simple encore du coup :

div:hover > a {
	display: inline;
}

haha benh oui, bien vu ! ^^