Infobulle: image sur une autre image

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Infobulle: image sur une autre image

Message par Pakodar le Mer 16 Fév 2011 - 17:03

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.

Pakodar
*****

Masculin
Messages : 669
Inscrit(e) le : 22/12/2010

http://ogamemaio.forumgratuit.org/forum
Pakodar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle: image sur une autre image

Message par Invité le Mer 16 Fév 2011 - 17:12

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle: image sur une autre image

Message par Pakodar le Mer 16 Fév 2011 - 17:21

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

Pakodar
*****

Masculin
Messages : 669
Inscrit(e) le : 22/12/2010

http://ogamemaio.forumgratuit.org/forum
Pakodar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle: image sur une autre image

Message par Anzu le Ven 25 Fév 2011 - 18:04

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 résolu
  • 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 Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum