Infobulle: image sur une autre image

2 participants

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

Résolu Infobulle: image sur une autre image

Message par Pakodar 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

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é 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.
Anonymous

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 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

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 Ven 25 Fév 2011 - 18:04

infobulle* - Infobulle: image sur une autre image Check10Bonjour,

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 infobulle* - Infobulle: image sur une autre image Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton infobulle* - Infobulle: image sur une autre image 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

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

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

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

- Sujets similaires

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