Regarde ce post ! il y as ta solution !!http://www.commentcamarche.net/forum/affich 11686756 texte sur une image?page=2#25
regarde l exemple , passe sur les tetes des personnes a gauche
ou copie ce code et adapte le !!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RAD ZONE Webcreation
</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta name="author" content="http://radservebeer.free.fr" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<style type="text/css" >
#info1 , #info2, #info3, #info4 {
position: absolute;
left: 400px;
top: 250px;
width: 350px;
z-index: 1;
color: #c8ddda;
background-color: #242424;
visibility: hidden;
border: solid 2px #222;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
font-weight: bold;
text-align: center;
font-family: Courier, "Courier New", monospace;
}
</style><script type="text/javascript"> function afficher(info) {
var tooltip = document.getElementById(info);
tooltip.style.visibility = "visible";
run= true;
}
function masquer(info) {
var tooltip = document.getElementById(info);
tooltip.style.visibility = "hidden";
run= false;
}
</script>
</head>
<body>
<img src="http://familleidot.free.fr/numeriser0005.jpg" usemap="#Map" width="1000" height="728" />
<map name="Map" id="Map">
<area shape="circle" href="#" coords="25,400,13" onmousemove="afficher('info1')" onmouseout="masquer('info1')" />
<area shape="circle" href="#" coords="58,395,13" onmousemove="afficher('info2')" onmouseout="masquer('info2')" />
<area shape="circle" href="#" coords="90,415,13" onmousemove="afficher('info3')" onmouseout="masquer('info3')" />
<area shape="circle" href="#" coords="86,471,13" onmousemove="afficher('info4')" onmouseout="masquer('info4')" />
</map>
<div id="info1">
<p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.
</p>
</div>
<div id="info2">
<p>Voici Mr SANSOZ René, marié à Yvette SANSOZ
</p>
</div>
<div id="info3">
<p>Voici Melle BOULANGER jeanine, fille de Boulanger Lucien marié avec Boulanger Madeleine (née IDOT, soeur de IDOT Michel le marié)
</p>
</div>
<div id="info4">
<p>Voici Mme SANSOZ Yvette, femme de SANSOZ René.
</p>
</div>
</body>
</html>
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
Carte interactive morrowind