Problème infobulle
2 participants
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
Problème infobulle
Bonjour,
Voilà, en fait j'ai un petit problème avec mes infobulles.
J'aimerai mettre des liens à l'intérieur, mais lorsque je mets le code pour les liens, ça me fait ça :
Je ne sais pas d'où vient le problème, et je n'arrive pas à faire autrement >.<
Si quelqu'un pourrait m'aider, s'il vous plait ^.^
Merci d'avance ^.^
Voilà, en fait j'ai un petit problème avec mes infobulles.
J'aimerai mettre des liens à l'intérieur, mais lorsque je mets le code pour les liens, ça me fait ça :
- Spoiler:
Je ne sais pas d'où vient le problème, et je n'arrive pas à faire autrement >.<
Si quelqu'un pourrait m'aider, s'il vous plait ^.^
Merci d'avance ^.^
Dernière édition par Mila58 le Sam 17 Déc 2011 - 17:40, édité 1 fois
Re: Problème infobulle
héé j'ai le même problème avec mes infos bulles à moi
Waaaa ! si quelqu'un sait nous aider, c'est trop stylé !
tu devrais peut-être poster le script de ton infobulle
perso voilà le mien :
Waaaa ! si quelqu'un sait nous aider, c'est trop stylé !
tu devrais peut-être poster le script de ton infobulle
perso voilà le mien :
- Code:
a.info2 {
position: relative;
text-decoration: none !important;
color:#;
border-bottom: 0px gray dotted;
font-size: 12px;
}
a.info2 span {
display: none;
text-decoration: none !important;
position: absolute;
}
a.info2:hover {
background: none;
text-decoration: none !important;
z-index: 999;
}
a.info2:hover span {
text-decoration: none !important;
display: inline;
position: absolute;
top: 14px;
center: 70px;
align: absolute;
background-color: #BAD9BB;
text-align: center;
color: black;
padding: 0px;
border: 1px dotted #5E4A64;
-moz-border-radius : 3px;
}
Re: Problème infobulle
Bonjour,
En effet, pour vous aider, pourriez-vous nous donner le code HTML et le CSS associé qui correspondent à vos infobulles?
Cordialement.
En effet, pour vous aider, pourriez-vous nous donner le code HTML et le CSS associé qui correspondent à vos infobulles?
Cordialement.
Invité- Invité
Re: Problème infobulle
Les voilà :
Code CSS :
Et code HTML :
Voilà ^.^
Code CSS :
- Code:
a.info {
position:relative;
z-index:24;
color:#000000;
text-decoration:none;
}
a.info:hover {
z-index:25;
background-color:#FFFFFF
}
a.info span {
display: none
}
a.info:hover span {
display:block;
position:absolute;
top:0px;
left:2em;
width:154px;
border:2px solid #000000;
background-color:#B4BEC9;
color:#000000;
font-weight:none;
padding:5px;
}
Et code HTML :
- Code:
<div style="box-shadow: black 1px 1px 10px;"><div style="border: white solid 2px; width: 180px; height: 190px;"><div style="background: #7D8895;"><center><font size="4"><span style="text-shadow: black 1px 1px 1px;">Le Staff</font></span></div><br><br><center><table><tr><td><a href="#" style="text-decoration:none;" class="info"><div style="border: white solid 1px; width: 50px;"><img src="http://img15.hostingpics.net/pics/570794iconepamila1.png"></div><span><center>Mila
</br><br><div style="border: black solid 2px;" width: 150px;"><img src="http://img15.hostingpics.net/pics/722192iconemilapa2.png"></div><br>Fondatrice<br>[url=http://kurofofo.forumgratuit.org/privmsg?mode=post&u=1]MP[/url]
</center></span></a></td><td><a href="#" style="text-decoration:none;" class="info"><div style="border: white solid 1px; width: 50px;"><img src="http://img15.hostingpics.net/pics/241199iconepaliberte.png"></div><span><center>Liberté
</br><br><div style="border: black solid 2px;" width: 150px;"><img src="http://img15.hostingpics.net/pics/468170iconelibertepa2.png"></div><br>Co-Fondatrice</center></span></a></td></tr></table><table><tr><td><a href="#" style="text-decoration:none;" class="info"><div style="border: white solid 1px; width: 50px;"><img src="http://img15.hostingpics.net/pics/254429iconepaalois.png"></div><span><center>Alois
</br><br><div style="border: black solid 2px;" width: 150px;"><img src="http://img15.hostingpics.net/pics/681067iconealoispa2.png"></div><br>Modérateur</center></span></a></td><td><a href="#" style="text-decoration:none;" class="info"><div style="border: white solid 1px; width: 50px;"><img src="http://img15.hostingpics.net/pics/992829iconepaloissa.png"></div><span><center>Loïssa
</br><br><div style="border: black solid 2px;" width: 150px;"><img src="http://img15.hostingpics.net/pics/640123iconeloissapa2.png"></div><br>Modératrice</center></span></a></td></tr></table></center></div></div>
Voilà ^.^
Re: Problème infobulle
et si tu fait :
Code CSS :
Et code HTML :
???
seuleument tu risque d'avoir tout en gras, m'enfin si ca marche, tu comprend l'idée ou pas ?
Code CSS :
- Code:
b.info {
position:relative;
z-index:24;
color:#000000;
text-decoration:none;
}
b.info:hover {
z-index:25;
background-color:#FFFFFF
}
b.info span {
display: none
}
b.info:hover span {
display:block;
position:absolute;
top:0px;
left:2em;
width:154px;
border:2px solid #000000;
background-color:#B4BEC9;
color:#000000;
font-weight:none;
padding:5px;
}
Et code HTML :
- Code:
<div style="box-shadow: black 1px 1px 10px;"><div style="border: white solid 2px; width: 180px; height: 190px;"><div style="background: #7D8895;"><center><font size="4"><span style="text-shadow: black 1px 1px 1px;">Le Staff</font></span></div><br><br><center><table><tr><td><b style="text-decoration:none;" class="info"><div style="border: white solid 1px; width: 50px;"><img src="http://img15.hostingpics.net/pics/570794iconepamila1.png"></div><span><center>Mila
</br><br><div style="border: black solid 2px;" width: 150px;"><img src="http://img15.hostingpics.net/pics/722192iconemilapa2.png"></div><br>Fondatrice<br>[url=http://kurofofo.forumgratuit.org/privmsg?mode=post&u=1]MP[/url]
...
???
seuleument tu risque d'avoir tout en gras, m'enfin si ca marche, tu comprend l'idée ou pas ?
Re: Problème infobulle
hmm.. nan ça ne fait rien, c'est toujours pareil :/
Merci quand même ^.^
Merci quand même ^.^
Re: Problème infobulle
Essayez en remplaçant votre CSS par:
Cordialement.
- Code:
.info {
position:relative;
z-index:24;
color:#000000;
text-decoration:none;
}
.info:hover {
z-index:25;
background-color:#FFFFFF
}
.info span {
display: none
}
.info:hover span {
display:block;
position:absolute;
top:0px;
left:2em;
width:154px;
border:2px solid #000000;
background-color:#B4BEC9;
color:#000000;
font-weight:none;
padding:5px;
}
- Code:
<div style="box-shadow: black 1px 1px 10px;">
<center>
<div style="border: white solid 2px; width: 180px; height: 190px;">
<div style="background: #7D8895;">
<font size="4">
<span style="text-shadow: black 1px 1px 1px;">Le Staff</span></font>
</div>
<br/><br/>
<table>
<tr>
<td>
<div style="text-decoration:none;" class="info">
<div style="border: white solid 1px; width: 50px;">
<img src="http://img15.hostingpics.net/pics/570794iconepamila1.png" />
</div>
<span>
<center>Mila
<br /><br />
<div style="border: black solid 2px; width: 150px;">
<img src="http://img15.hostingpics.net/pics/722192iconemilapa2.png" />
</div>
<br />Fondatrice<br />
<a href="http://kurofofo.forumgratuit.org/privmsg?mode=post&u=1" class="postlink" target="_blank" rel="nofollow">MP</a>
</center>
</span>
</div>
</td>
<td>
<div style="text-decoration:none;" class="info">
<div style="border: white solid 1px; width: 50px;">
<img src="http://img15.hostingpics.net/pics/241199iconepaliberte.png">
</div>
<span>
<center>Liberté
<br /><br />
<div style="border: black solid 2px; width: 150px;">
<img src="http://img15.hostingpics.net/pics/468170iconelibertepa2.png"></div>
<br />Co-Fondatrice
</center>
</span>
</div>
</td>
</tr>
</table>
<table>
<tr>
<td>
<div style="text-decoration:none;" class="info">
<div style="border: white solid 1px; width: 50px;"><img src="http://img15.hostingpics.net/pics/254429iconepaalois.png"></div>
<span><center>Alois
<br /><br />
<div style="border: black solid 2px; width: 150px;">
<img src="http://img15.hostingpics.net/pics/681067iconealoispa2.png">
</div>
<br />Modérateur</center>
</span>
</div>
</td>
<td>
<div style="text-decoration:none;" class="info">
<div style="border: white solid 1px; width: 50px;">
<img src="http://img15.hostingpics.net/pics/992829iconepaloissa.png" />
</div>
<span>
<center>Loïssa
<br /><br />
<div style="border: black solid 2px; width: 150px;">
<img src="http://img15.hostingpics.net/pics/640123iconeloissapa2.png" />
</div>
<br />Modératrice
</center>
</span>
</div>
</td>
</tr>
</table>
</div>
</center>
</div>
Cordialement.
Invité- Invité
Re: Problème infobulle
Oui ça marche, c'est bon =)
Merci pour votre aide, problème résolu ^.^
Merci pour votre aide, problème résolu ^.^
Sujets similaires
» Un problème d'infobulle
» problème infobulle
» Problème infobulle
» Problème d'infobulle
» Probleme d'infobulle en anglais
» problème infobulle
» Problème infobulle
» Problème d'infobulle
» Probleme d'infobulle en anglais
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