28173 sujets

CSS et mise en forme, CSS3

Bonsoir tout l'monde.

Suis toute neuve ici et j'passe vous voir pour un p'tit souci d'infobulle.

Donc, j'ai trouvé un peu partout le même code css, que j'ai placé. Tout va bien sous firefox, mais j'ai un problème avec IE.

a écrit :

a.info {
position:relative;
border-bottom:1px dashed #808080;
text-decoration: none;
font-weight: bold;
}
a:hover.info {
text-decoration: none;
background: none;
}
a.info span {display: none;}
a:hover.info span {
display: inline;
position: absolute;
top:1.5em;
left:0.5em;
z-index: 20;
background: #446D87;
color: #fff;
border:1px solid #000;
width:150px;
text-align:center;
font-weight:normal;
font-size: 10px;
line-height:12px;
padding:2px 4px;
}


Avec ceci dans le code :

<a class=info onclick='return false' href="#"><img src="/images/carre.jpg" border="0"><span>Texte</span></a>



Je m'explique :

J'ai un tableau à double entrée.
Dans chaque case, une image.
Sur chaque image, une infobulle.
Donc sous firefox, l'infobulle passe au-dessus des images qui entourent la case concernée.
Sous firefox, l'infobulle passe en-dessous des cases qui entourent la case concernée, ce qui engendre qu'on ne voit pas tout le texte.

J'sais pas si c'est très clair. J'suis sûre que c'est un tout petit bug, mais je ne trouve pas la solution Smiley confus

Merci en tout cas
Smiley biggrin
Modifié par vOice (31 Jan 2007 - 15:31)
Administrateur
vOice a écrit :
J'ai trouvé la solution, navrée d'avoir posté pour rien...

Hello et bienvenue,

Ce n'est jamais pour rien : nous sommes sur un forum de discussion, tes soucis peuvent être rencontrés par d'autres membres. Donc il est intéressant de détailler comment tu as résolu ton problème, afin de faciliter les recherches futures.

De plus, je ne vois pas ton sujet marqué comme [Résolu] ainsi que t'y invitent les règles du forum Smiley ohwell