06-08-2009, 04:06 PM
Bonjour, j'ai essayé ce code et j'ai eu un petit soucis.
L'info bulle fonctionne, mais il a des espaces comme ceci
Voici le code ...
Comment faire pour que le texte et image soit bien aligné en haut a droite ?
L'info bulle fonctionne, mais il a des espaces comme ceci
Voici le code ...
Comment faire pour que le texte et image soit bien aligné en haut a droite ?
Code PHP :
<?php
<style type="text/css">
.infobulle{
position: absolute;
visibility : hidden;
border: 1px solid Black;
padding: 30px;
font-family: Verdana, Arial;
font-size: 14px;
background-color: #FFFFCC;
background-image: url(interface/fondbg3.jpg);
width : 120px;
}
</style>
<script language="javascript" type="text/javascript">
<!--
var Mouse;
document.onmousemove = DoMouse;
function DoMouse(e) {
Mouse = (typeof e == 'undefined') ? window.event : e;
}
function montre(id) {
var Infobulle = document.getElementById('infobulle-'+id)
if(Infobulle) {
Infobulle.style.visibility = 'visible';
if(document.documentElement) {
Infobulle.style.left = Mouse.clientX + document.documentElement.scrollLeft + 20 + 'px';
Infobulle.style.top = Mouse.clientY + document.documentElement.scrollTop + 10 + 'px';
}
else {
Infobulle.style.left = Mouse.clientX + document.body.scrollLeft + 20 + 'px';
Infobulle.style.top = Mouse.clientY + document.body.scrollTop + 10 + 'px';
}
}
}
function cache(id) {
setTimeout('docache('+id+')', 0); // Le nombre représent le delai en millisecondes
}
function docache(id) {
var Infobulle = document.getElementById('infobulle-'+id)
if(Infobulle) {
Infobulle.style.visibility = 'hidden';
}
}
//-->
</script>