Problème avec infobulle, le css ne m'obéit pas.
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:
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:
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.
