Discussion :

[bernard26000]

Bonjour à tous et à toutes,

Je suis en train de préparer une page avec une info-bulle.
Il y avait une différence entre IE et FF que j'ai pu corriger comme ceci:
Pour Firefox

Code :

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

1
2
3
4
5
6
7
8
9
10
11
a.info:hover span{
display:block;
position:absolute;
top:20px; left:-795px; width:15em ;
border:1px solid #000;
background-color:#3a3a3a;
color:#fff;
text-align: justify;
font-weight:none;
padding:5px;
}

et pou IE

Code :

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

1
2
3
4
5
6
7
8
9
10
11
a.info:hover span{
display:block;
position:absolute;
top:20px; left:-165px; width:15em;
border:1px solid #000;
background-color:#3a3a3a;
color:#fff;
text-align: justify;
font-weight:none;
padding:5px;
}

Mais sous OPERA et CHROME j'ai un tout autre affichage, et j'avoue bien que je suis un peu perdu, je n'arrive pas a afficher le même rendu.
Plus qu'un long discours, voilà le lien de la page qui pose problème, il s'agit de la page "Vins".
http://www.solutisweb.com/atelier/ange9/vins.php
Merci à vous de jeter un œil sur ce problème.
Cordialement

[rodolphebrd]

Bonjour,

Il faut enlever la position relative de a.info et régler les valeurs de top et left de a.info:hover span