visualizzazione a livelli immagine

[ionel]

Ho un problema con la visualizzazione di un'immagine che compare al passggio del mouse in una tabella con un elenco di nomi e cognomi.

al passaggio del mouse sopra il nome e cognome compare un immagine con la foto della persona, solo che l'immagine mi rimane dietro il testo della persona della posizione 2, 3, 4...
cioè tutti quelli che sono sotto di lui.

per comparire l'immagine ho usato questo codice.
--------------------------------------
<style>
<!--
.commentato{
position:relative;
color: black;
text-decoration: none;
}
.commentato div{
position:absolute;
visibility:hidden;
background-color:#800000;
border: dotted #c8ffb4 1px;
color:black;
text-decoration: none;
padding:10px;
top:20;
left:40;
}
.commentato:hover div{
visibility: visible;
index-z:100;
}
//-->
</style>

Nome e Cognome<div></div>
-------------------------------------

cosa potrei fare per vedere la foto sempre sopra?

[jcsnake]

Ciao, prova a mettere tutto dentro un table...ad esempio così

<table>
  <tr>
    <td>
      Nome e Cognome
    </td>
    <td>
      <div></div>
    </td>
  </tr>
</table>

Così il div si dovrebbe aprire senza sovrapporsi ai successivi.

[ionel]

ma cosi mi fa vedere la foto a destra del nome e cognome, ed io lo volovo vedere solo quando passo sopra con il mouse.

pero ho risolto cosi:

al posto di: index-z:100;
ho scritto: z-index:100;

e funziona.

grazie comunque

[oronze]

ma dovresti postare in un'altra sezione...HTML o CSS ora non sò, ma il PHP, sicuramente, non c'entra molto