Infobulle: image sur une autre image

[Pakodar]

Bonjour,
J'ai un problème avec mon code CSS (infobulle):

Code:

a.bulle {
  position: relative; /* relative au conteneur */
}
a.bulle span {
  display: none;
}
a.bulle:hover {
  background: none; /*contournement bug IE */
  z-index: 0;
}

a.bulle:hover span {
  display: inline;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  color: green;
  padding: 0.2em;
  border-right: black 2px solid;
  border-top: black 2px solid;
  border-left: black 2px solid;
  border-bottom: black 2px solid;
}

J'aimerais faire en sorte qu'une image soit exactement sur une autre image, j'ai essayé de mettre top: 0px; left: 0px; mais ça ne marche pas, que dois-je faire?
Merci d'avance pour votre aide.

[Invité]

Bonjour,

Pour remplacer une image par une autre au survol, il faut utiliser ce code

Code:

<img src="Première IMAGE" border="0"onMouseOver="this.src='deuxième  IMAGE'" onMouseOut="this.src='Première IMAGE'">

(cf. ce sujet)
Est-ce cela que vous cherchez?

Cordialement.

[Pakodar]

et je me suis cassé la tête avec des codes de dingues d'infobulles alors qu'il existait un simple code....... merci beaucoup
:thanks:

[Anzu]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif