Bonjour,
Je connais le système des infobulles et le code qu'il faut mettre. J'ai juste un léger problème avec la mise en page on va dire. J'aimerais que les mot vienne directement à la ligne au lieu de continuer sur une ligne droite.
Je vous montre par image le résultat que j'obtiens. Je n'ai pas mieux comme image.
- Spoiler:
Je vous transmet également le code du PV et le code CSS.
- Code CSS a écrit:
-
- Code:
-
a.imginfom {
position: relative;
color: #c7c7c5;
width: 200px;
height: 0 none;
text-decoration: none;
}
a.imginfom span {
display: none;
}
a.imginfom:hover {
background: none;
z-index: 10;
cursor: help;
}
a.imginfom:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 20px;
background: #dfffff;
color: #000000;
padding: 3px;
width: 200px;
height: 0 none;
border: 0px solid grey;
border-left: 2px dotted #4f1211;
border-right: 2px dotted #4f1211;
border-top: 2px dotted #4f1211;
border-bottom: 2px dotted #4f1211;
}
- Code dans PV a écrit:
-
- Code:
-
<A class=imginfom><img src="http://obsession27.free.fr/boutons/iconautumnreeserr.jpg">
<SPAN><TABLE border=0 cellPadding=1 width=50 cellsspacing="1">
<TBODY><TR><TD style="TEXT-ALIGN: center"><DIV style="WIDTH: 200px; height:300px;"><div style="border-bottom: 3px #000000 dotted;">© Obsession<br>Ginny Potter</div><div style="width:190px;height:100px;overflow:auto;margin-left: 0px;-moz-border-radius:7px;border:2px #C7C7C5 solid;z-index:auto;">Ginny est aujourd'hui la femme d'Harry. Ils n'ont commencé à sortir ensemble quand Harry était en 6ème année. Mais à cause des problèmes existant il a préféré rompre. Ils sont remis ensemble au cours de la bataille finale.</div></DIV></TD></TR></TBODY></TABLE></SPAN></A>
Merci à la personne qui pourra m'aider.
Lun 03 Juin 2024, 17:20 par 
