Infobulle : texte dans l'infobulle qui se souligne
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Infobulle : texte dans l'infobulle qui se souligne
Bonjour à vous tous, et merci d'avance énormément à ceux qui prendront le temps de s'occuper de mon petit problème, ou de le regarder (:
Voilà le problème : j'ai installé des infobulles sur mon forum, et elles fonctionnent parfaitement. (Le problème arrive après, héhé.) Voici mon CSS, trouvé d'ailleurs ici dans les questions déjà posées, qui jusque là ne m'a posé aucun souçi :
et j'utilisais jusque là mes infobulles dans des messages, pour qu'au passage de la souris sur une image, un texte s'affiche. Ce qui fonctionne parfaitement avec ceci dans mon message :
Seulement, je voudrais aussi qu'une infobulle s'affiche, quand on passe avec la souris sur du texte, et non pas sur une image. Or là, problème. J'ai essayé avec le code ci-dessus, en le remplaçant par :
=> seulement le texte qui s'affiche dans l'infobulle est souligné en vert (le vert est une des couleurs clés de mon forum, mais je n'en parle pas dans le CSS de l'infobulle !)
=> et en plus il fait comme une "double" infobulle : l'infobulle normale s'affiche et "derrière", des bouts d'une infobulle plus petite, plus allongée. En bas à droite de ma capture d'écran :
Voilà, merci beaucoup à tous ceux qui auront des idées pour m'aider à résoudre ce problème !
Voilà le problème : j'ai installé des infobulles sur mon forum, et elles fonctionnent parfaitement. (Le problème arrive après, héhé.) Voici mon CSS, trouvé d'ailleurs ici dans les questions déjà posées, qui jusque là ne m'a posé aucun souçi :
- Spoiler:
- Code:
/*----- INFOBULLES ------*/
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #E0E0E0;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #162601;}
.infobulle span img{border: 1px;padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 2px;
left: 20px;
width: 150px ;
color:#162601;
border: 1px solid #fff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}
et j'utilisais jusque là mes infobulles dans des messages, pour qu'au passage de la souris sur une image, un texte s'affiche. Ce qui fonctionne parfaitement avec ceci dans mon message :
- Spoiler:
- Code:
<div class="infobulle"><img src="http://icdn.pro/images/fr/f/e/feu-fleurs-nature-icone-6468-128.png">
<span>En résumé, sois raisonnable, et contacte toujours les admins face à une situation particulière ! Bon jeu !</span></div>
Seulement, je voudrais aussi qu'une infobulle s'affiche, quand on passe avec la souris sur du texte, et non pas sur une image. Or là, problème. J'ai essayé avec le code ci-dessus, en le remplaçant par :
- Spoiler:
- Code:
<div class="infobulle">texte du message
<span>texte dans l'infobulle</span></div>
- Code:
<a class="infobulle">texte du message
<span>texte dans l'infobulle</span></a>
=> seulement le texte qui s'affiche dans l'infobulle est souligné en vert (le vert est une des couleurs clés de mon forum, mais je n'en parle pas dans le CSS de l'infobulle !)
=> et en plus il fait comme une "double" infobulle : l'infobulle normale s'affiche et "derrière", des bouts d'une infobulle plus petite, plus allongée. En bas à droite de ma capture d'écran :
- Spoiler:
Voilà, merci beaucoup à tous ceux qui auront des idées pour m'aider à résoudre ce problème !
Dernière édition par princesspeach le Mer 23 Mar 2011 - 9:09, édité 1 fois
princesspeach- **
- Messages : 55
Inscrit(e) le : 14/03/2011
Re: Infobulle : texte dans l'infobulle qui se souligne
Bonjour,
Le texte est souligné car il est considéré comme un lien. Je ne sais pas si c'est la bonne solution mais essayez comme ceci:
Cordialement.
Le texte est souligné car il est considéré comme un lien. Je ne sais pas si c'est la bonne solution mais essayez comme ceci:
- Code:
<span class="infobulle">texte du message
<span>texte dans l'infobulle</span></span>
Cordialement.
Invité- Invité
Re: Infobulle : texte dans l'infobulle qui se souligne
- Mais pourquoi était-il donc considéré comme un lien ? :O
Bref, je vous remercie, car le soulignement s'est enlevé, et c'était le plus important ! Merci merci merci (:
Il reste toutefois le petit problème esthétique de l'impression qu'on a d'une deuxième infobulle (plus allongée) cachée derrière l'infobulle voulue (c'est visible dans mon impression écran, sur la gauche de l'infobulle que je désire, il y a comme une partie d'une seconde infobulle)
Merci d'avance *_*
princesspeach- **
- Messages : 55
Inscrit(e) le : 14/03/2011
Re: Infobulle : texte dans l'infobulle qui se souligne
- Problème résolu, je n'avais pas écrit la taille de la police à l'intérieur de l'infobulle correctement ! Merci encore Isolde pour l'aide à propos du "lien"
princesspeach- **
- Messages : 55
Inscrit(e) le : 14/03/2011
Sujets similaires
» problème d'affichage de code dans le texte (souligné,...)
» Infobulle Texte dans un message
» Problème de texte dans mon infobulle
» Texte " souligné " ~
» Code pour infobulle sur un texte
» Infobulle Texte dans un message
» Problème de texte dans mon infobulle
» Texte " souligné " ~
» Code pour infobulle sur un texte
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum