Postovanje imam jednu sliku koji sam mapirao. Zelim da postavim tooltip na mapiranu povrsinu. Evo recimo kako to sve izgelda:
Dakle ovo je map tag i area tag kojom obuhvatam neku povrsinu
Kôd:
<map name="planetmap">
<area shape="circle" coords="418,545,20" alt="Beograd" href="tb.htm"/>
<area shape="rect" coords="0,0,82,126" alt="Sun" href="bl.htm"/>
<area shape="circle" coords="124,58,8" alt="Venus" href="pd.htm" />
</map>
Evo mog css koji predstavlja tooltip
Kôd:
*{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a:hover {background:#ffffff; text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:250px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
E sad taj tooltip se poziva jednostavno ovako:
Kôd:
<a href="#" class="tooltip">Tooltip<span>Ovo je tooltip<img src="tooltip.jpg"></span></a>
Dakle kad se predje misom preko ovog
"Tooltip" otvara se kao mali box i ispise "Ovo je tooltip" kao i stampa mi slicicu tooltip.jpg. Znaci ovo sve radi kada radim sa nekim linkom ali kako ovo da primenim na ovu moju area povrsinu koju sam oznacio? Ima neko ideju?