Tooltip sopra immagine mappata

[Manuelandro]

Ciao ragazzi. Ho un'immagine mappata con area shape. I link di questa immagine fanno comparire un tooltip ajax. Il problema che ho è che se inserisco il div del tooltip prima dell'immagine, questa mi viene spostata sotto e il tooltip compare sopra; se inserisco il div dopo l'immagine compare prima l'immagine e sotto il tooltip, che non si vede... Io vorrei che il tooltip comparisse sopra l'immagine, proprio di fianco al link mouseover. come faccio? thanks

[Manuelandro]

up

[Mich_]

Posta un po' di codice.
Alcune parole da te usate si possono interpretare in modo diverso (possono essere realizzate con codici molto diversi, dal punto di vista tecnico) e non si riesce a discriminarle dal contesto.

[Manuelandro]

ecco qui

<span style='position:absolute;z-index:0;top:0px;left:0px;'>
<div id="mainContent">
<div id="debug"></div>

</div>
</span>
<span style='position:absolute;z-index:0;top:0px;left:50px;right:50px;'>
[img]img/mappa/mappa1.0.jpg[/img]
</span>
<font>




<map name="Mappa">
<area shape="rect" coords="123,372,145,397" href="layout.php" target="_top" onmouseover="ajax_showTooltip('desc/desc.html',this);return false" onmouseout="ajax_hideTooltip()">
</map>

Il div maincontent è dove compare il tooltip, l'immagine è quella mappata con un link.

[Mich_]

La parte postata contiene gravi errori HTML e piccoli errori CSS, e questo potrebbe impedire il corretto posizionamento.

Non puoi inserire dei blocchi dentro uno span, e non puoi posizionare lo span, dato che e` un elemento inline.
Quindi tutto il sistema di tag va rivisto.

Inoltre nell'immagine usi attributi di formattazione, che vanno in conflitto con i CSS; in particolare il border: se serve devi inserirlo nello stile.


Altro problema: non dici cosa e` il tooltip:
quando la funzione JS ajax_showTooltip() ha finito di girare, quale e` il prodotto? Che oggetto viene creato? A quale livello? (in quale posizione dello schema DOM e` inserito?).


Infatti il tuo problema e` dato dalle relazioni vicendevoli degli oggetti presentati nel codice postato e da quelli generati dal JS.