probleme display:block sous IE
Bonjour,
Je veux quand je passe la souris sur un lien affiché un petit text en dessous
Sur mon site internet j'ai un probleme avec Internet explorer 6 alors que ca marche avec firefox
J'ai mis dans ma feuille de style css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
a
{
color: #002B55;
text-decoration: none;
font-weight: bold;
background-color: transparent;
}
a:hover
{
color: #ff6600;
text-decoration: underline;
}
a.commentaire span
{
display: none;
}
a.commentaire:hover span
{
display: block;
bottom: 1em;
right:2em;
color: #002B55;
padding: 1em;
border-style: solid;
text-align: left;
text-decoration: none;
} |
et donc dans ma page html : j'ai fait
Code:
<a class="commentaire">salut<span>ca va?</span></a>
et donc il devrait m'afficher ca va quand je passe la souris sur salut
Ca fonctionne sous Firefox mais pas sur IE
Sur safari et chrome ca fonctionne mais ca me surligne en orange
Pour vous faire un idée voici le site :
http://www.quant-press.com
Il vous suffit de passer la souris sur un des 2 liens dans News articles
merci d'avance de votre aide
