Merci pour la réponse.
Si j'enlève les [b]position[/b] le problème du texte sur l'image est résolu mais tout ce qui se trouve en dessous de la ligne sélectionnée se décale vers le bas.
Voici la définition du style (j'ai ajouté un float:right)
[code]<style type="text/css">
a{display:block;width:1100px;line-height:30px;position:relative;text-decoration:none;}
a img{border:3px solid #b0b0b0;margin:5px 5px 5px 5px; padding:5px;}
a span{display:none;background:white;position:absolute;float: right;top:0; left:0; width:200px;text-align:center;}
a:hover span{display:block;}
</style>[/code]
L'écran au départ ressemble à ceci
[img]http://www.rudyv.be/Temp/Image1.jpg[/img]
En passant sur la ligne 06/2011 j'obtiens ceci (l'image décale tout vers le bas)
[img]http://www.rudyv.be/Temp/Image2.jpg[/img]
alors que je voudrais obtenir ceci (image superposée à droite)
[img]http://www.rudyv.be/Temp/Image3.jpg[/img]
Merci d'avance pour votre aide

Salut,

enlève les [b]position[/b] sur les a, ou bien affecte-leur un [b]z-index[/b] inférieur à celui de l'image.

@+

Bonjour,
Je voulais qu'en survolant un texte avec la souris, une image apparaisse et j'ai utilisé ceci
[code]<style type="text/css">
a{display:block;width:1100px;line-height:30px;position:relative;text-decoration:none;}
a img{border:3px solid #b0b0b0;margin:5px 5px 5px 5px; padding:5px;}
a span{display:none;background:white;position:absolute;top:0; left:0; width:200px;text-align:center;}
a:hover span{display:block;}
</style>
...
<a href="">Remplacement de l'écumeur ATK Dispergator par un Deltec TC2060<span><img src="Historique/TC2060.jpg" /></span></a>[/code]
et ça fonctionne très bien à un petit détail près : le texte inclus dans les balises <a> apparaissent au-dessus de l'image;
je voudrais qu'il soit masqué par l'image, comme le texte qui n'est pas dans des <a>.
Voir exemple ici [url]http://www.rudyv.be/Aquarium/Historique.php[/url] et passer la souris sur le texte à côté de la date 06/2011

[img]http://www.rudyv.be/Hover.jpg[/img]

Merci d'avance pour votre aide