Ecrire sur une image (carte de france)

Bonjour,

j'ai une carte de france "clicable".

Je souheterais ecrire le nom de chaque region sur cette image.

Est ce possible ?

Comment dois je m'y prendre

actullement
dans ma CSS j'ai ceci :

div.bg-homepage-map-fr-bg { background:url(files/fr.gif) no-repeat top center; }

et dans le corps du fichier au niveau de la carte

<map name="bg-imagemap-fr" id="fr"> 
			
			<area shape="poly" coords="349,1,312,16,309,45,314,48,331,59,345,58,341,64,358,70,391,75,411,78,414,72,415,61,407,54,372,26,350,1" href="http://www.test.comt" title="Nord-Pas-de-Calais" alt="Nord-Pas-de-Calais" onmouseover="CARTEFR.mapRollOver('nord-pas-de-calais'); return false;" onmouseout="CARTEFR.mapRollOut('nord-pas-de-calais'); return false;"/> 
			
			<area shape="poly" coords="308,45,297,60,313,79,309,90,311,114,306,115,312,120,327,121,336,122,349,131,369,130,367,137,378,146,386,140,388,127,389,116,404,115,412,92,415,80,411,78,358,70,342,64,345,57,331,59,309,44" href="styled/index.html" title="Picardie" alt="Picardie" onmouseover="CARTEFR.mapRollOver('picardie'); return false;" onmouseout="CARTEFR.mapRollOut('picardie'); return false;"/> 
		

Merci
Modifié par kornfr (13 Mar 2011 - 22:58)

HTML :

<div class="bg-homepage-map-fr-bg">
 <span style="left:25px;top:145px">Finistère</span>
 <span style="left:500px;top:347px">Franche-Comté</span>
 ...
</div>

CSS :

div.bg-homepage-map-fr-bg > span{display:block;position:relative}

Bonjour,

Tu peux aussi utiliser un logiciel de traitement d'images, comme Gimp par exemple, et indiquer les noms directement sur la carte aux endroits voulus.
Quel gain de temps!

Cordialement