Discussion :

[lemirandais]

Bonjour à tous.
Je suis en train de faire des infobulles afin d'éviter que les personnes qui laisse leur adresse mail soit spammer. En fait je transforme leur adresse mail en image.
J'utilise donc l'infobulle pour afficher l'image de l'adresse. J'ai lu le tuto qu'il y a sur developpez.com . Mais rien ne marche.
Voici mon code css (actuell, il va être modifier par la suite dès que les infobulles fonctionneront)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
a.info_bulle span
{
  display : none;
}
a.info_bulle:hover 
{
  border : 0;
}
a.info_bulle:hover span
{                
  display        :  block;
  position       :  absolute;
  background     : #DDEEFF;
  border         : 1px solid #6699FF;
  padding        : 6px;
  font-size      : 12px;
  width          : 180px;
  color          : #000;
  text-align     : justify;
  cursor         : default;
  top            : 1.8em;
  left           : 1px;
}

Et mon code html (une partie)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a class="info_bulle" href="#"><img src="../../images/icon_email.png" border="0" alt="" title=""/><span><img src="../../image.php?mail=" border="0" alt="mail de " title="mail de "/></span></a>

Lorsque j'exécute la page en question, les images des adresses mails sont visible directement sur la page alors que par logique elle ne le devrait pas.
Je peux pas vous mettre une adresse web pour vous montrer car je suis en train de le développer en local.
Merci pour toute les informations qui pourront m'aider.
Bonne journée.

[Erwan31]

Bonjour,
pourrais tu fournir le code interprété (code source dans ton navigateur) et non le code php, merci.

[lemirandais]

voici un morceau de ce qui s'affiche en code source

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<a class="info_bulle" href="#">
<img src="../../images/icon_email.png" border="0" alt="" title=""/>
<span>
<img src="../../image.php?mail=7" border="0" alt="mail de Baby.Face81" title="mail de Baby.Face81"/></span>
</a>

[Erwan31]

ça devrait marcher en principe

[lemirandais]

mais sa ne marche pas. Pourtant utilisant web develloppeur, le javascript est bien activé (meme si il n'entre pas en jeu) et la feuille de style est bien reconnu.
Bizarre. non?

Le problème peut il venir de la présence de 2 feuilles de style différentes?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="../../css/style.css" />
<link rel="stylesheet" media="screen" type="text/css" title="Designcss" href="../../css/popup.css" />

[lemirandais]

Ceux qui est énorme c'est que quand je met une seule feuille de style contenant les 2 feuilles de style, les span disparaissent mais quand je survole le lien, il n'affiche pas le span. Y a t-il un problème au niveau du css?