Nyly*
{ Membre }
Messages : 74
| Bonjour tout le monde =) Bon, je sais pas si quelqu'un pourra trouver la solution à mon problème, mais je remercie d'avance ceux qui lisent. =) Mon forum: ICI Alors voilà, j'ai mis des infobulles dans ma page d'accueil, jusque là tout va très bien. Mais le soucis, c'est que lorsque l'infobulle est ouverte, il y a une transparence au niveau du fond qui la rend presque illisible, c'est vraiment très gênant. Voici une capture pour vous montrer: - Spoiler:
Voici la partie CSS des Infobulles: - Code:
-
/*INFOBULLE*/ a.imginfo { position: relative; color: #000000; text-shadow: firebrick 1px 1px 2px; border-bottom: 3px firebrick dotted; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo:hover { background: dimgray; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: auto; /* on positionne notre infobulle */ left: auto; background: silver; color: black; padding: 10px; border: 0px solid grey; border-left: 5px solid firebrick; border-right: 5px solid firebrick; border-top: 5px solid firebrick; border-bottom: 5px solid firebrick; text-shadow: firebrick 1px 1px 2px; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; }
textarea, .textarea.post, input.post { -moz-border-radius:10px; }
Si jamais quelqu'un a une idée, je suis preneuse. =) Merci d'avoir lu ma demande. |
Dernière édition par Nyly* le Sam 05 Mar 2011, 16:51, édité 1 fois | |
|
Kaktus
{ Membre }
Messages : 68
| D'après ce que je peux voir, ce n'est pas l'infobulle qui devient transparent, elle, elle est normale. C'est l'image des partenaires qui est par dessus | | |
|
Nyly*
{ Membre }
Messages : 74
| Exact, mais ça ne m'aide pas plus =D | | |
|
Hiro
Ninja Codeur
Messages : 1179
| Essaie d'enlever le code que tu as mis pour les 2 images en dessous ca doit venir de la . | | |
|
Nyly*
{ Membre }
Messages : 74
| |
Hiro
Ninja Codeur
Messages : 1179
| Celui de l'opacité qui change quand la souris passe dessus. | | |
|
Invité Invité
| Hop' Effectivement ça viens des bannières de tes partenaires. Donc à vérifier | | |
|
Nyly*
{ Membre }
Messages : 74
| mais les codes ne sont pourtant pas dans le même espace... Je ne comprend pas en quoi ça peut faire çà. Sachant qu'en plus c'est d'un code qui vient de ce forum. | | |
|
Hiro
Ninja Codeur
Messages : 1179
| Malheureusement y'auras toujours des petits bug comme celui-ci
Merci de cocher l'icône résolu si c'est le cas | | |
|
Nyly*
{ Membre }
Messages : 74
| je vais essayer de voir mais je ne vous garantie pas de cocher le bouton résolu =)
Edit: Effectivement, ça a marché lorsque j'ai enlevé l'opacité des affiliates, mais ce n'est pas fini, il y a un autre endroit où je rencontre ce soucis. Tant pis, résolu. | | |
|