Bonjour a tous,  
j'ai une image d'un cockpit en jpg, et j'aimerai pouvoir expliquer chaque switch du cockpit en cliquant simplement sur l'image pour qu'une infobulle  apparaisse pour donner des explciations claires ( --> pouvoir ecrire dans l infobulle en differentes couleurs, taille, souligné, etc...)
pour etre clair, voici ce qui me serait idéal... http://www.meriweather.com/320/over/air.html#  (cliquez sur un des boutons de l'image...).
 
Comment est t'il parvenu à faire cela ??
 
je n'ai pas de connaissance javascript ni CSS, juste basique HTML dont les images mappées..
 
Merci d avance a quiconque pourra me donner une solution claire et simple

Tu place ton image mappée dans un div, position:relative.
Pour chaque infobulle, tu ajoute un div avec identifiant juste après l'image, en postion absolute avec le coordonnées de l'infobulle, caché au départ et un bout de javascript pour le cacher quant on clique dessus, et avec du texte et des images dedans.
 
Par exemple, une infobulle avec 10,10 pixels de décalage par rapport au coin haut/gauche de l'image:
<div style="position:relative">
<img ...>
<div id="infobulle_altimetre" style="position:absolute;top:10px;left:10px;display:none">
<b>Insérérer du texte <i>ici</i></b>
</div>
</div>
 
Deuxième étape, tu ajoute du javascript dans chaque area du map, pour rendre visible l'infobulle quand on clique sur l'area.
Par exemple:
<map ...>
<area ... onclick="javascript: getElementById('infobulle_altimetre').style.display='block';return false;">
</map>
 
De la doc CSS:
http://www.w3.org/TR/CSS1#display