Afficher une div au survol de la souris sur une autre div

Bonjour,

Mon titre n'est pas très explicite mais voici mon problème :

Je dispose d'une liste (ul) ou les lignes peuvent êtres supprimées. Pour cela chacune des lignes possèdent un petit bouton de suppression à leurs niveau.

Je souhaiterais que ce bouton ne s'affiche que lorsque l'utilisateur survole la ligne en question afin de ne pas surcharger l'affichage de bouton de suppression. Ce système est largement rependu dans des plugins d'affichage type tableau ou autre.

Le problème est que je ne sais pas comment procéder. Y a t il des plugins Jquery qui permettent de faire cela facilement ? sinon comment le développer ?

Globalement c'est un peu cet effet là que je cherche : http://www.hebus.com/ on voit une div d'information apparaitre au survole des miniatures. Je voudrais la mème chose mais avec un control permettant de supprimer la ligne courante.

Avez vous des pistes à me fournir ?

Merci beaucoup,

Bonjour,

En CSS tout simplement c'est pas possible ?

Par exemple tu met ton div contenant ton bouton "supprimer" en display:none et tu cré une petite fonction JS qui le modifi le display:none en display:block au passage de la souris.

Bonjour,

C'est complètement possible entièrement en CSS.

Il suffit que le "bouton" soit un lien ayant un fond transparent par défaut et l'image de ton bouton lors du survol.

Code:

---

1 2 3

a.btn_supprimer {background:transparent;} a:hover.btn_supprimer {background:url("chemin/de/mon/image/bouton.gif");}

---

Code:

---

1 2 3 4 5 6

<ul> ... <li>Elément de la ligne à supprimer<a href="#" onclick="doSuppr(this); return false;">&nbsp;</a></li> ... </ul>

---

devyan

parfait je n'avais pas pensé à cette façon d'écrire ;)

Merci