Dreamweaver: comparire un'immagine al passaggio del mouse

Re: Dreamweaver: comparire un'immagine al passaggio del mous

Ciao, nel tag Head della tua pagina html inserirai lo stile css:
<style type="text/css">
.prova a:hover {
display: block;
width: 300px;
height: 200px;
background: url(tua_immagine.gif) no-repeat;
background-position: 0;}
</style>
nel Body invece scriverai:
<div class="prova">
<a href="#">Link</a>
</div>

Re: Dreamweaver: comparire un'immagine al passaggio del mous

grazie Pablito,
forse mi sfuge qualcosa a me, ma l'immagine non lo vedo, vedo solo uno sfondo quando vado sopra con il mouse

Re: Dreamweaver: comparire un'immagine al passaggio del mous

Hai cambiato il nome "tua_immagine.gif" con il tuo file immagine (compresa l'estensione)?
In quel caso l'immagine deve essere nella stessa cartella del file html.

Re: Dreamweaver: comparire un'immagine al passaggio del mous

con questo codice sono riuscito, ma non ho capito bene nel tuo esempio la posizione dell'immagine, cioè il mio url
-----------------------------------------------------

<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; <---- ***ATTENZIONE, ERRORE***
}
//-->
</style>
<a href="#" class="commentato">Nome e Cognome<div><img src="http://xxx.it/nomeazienda/immagini/imagine.png"></div></a>

Ho un problema invecce con la visualizzazione dell'immagine che compare al passggio del mouse in una tabella solo che l'immagine mi rimane dietro il testo delle persone nelle posizione 2, 3, 4...
cioè tutti quelli che sono sotto di lui.

Re: Dreamweaver: comparire un'immagine al passaggio del mous

ho risolto cosi il mio problema
al posto di: index-z:100;
ho messo z-index:100;

Re: Dreamweaver: comparire un'immagine al passaggio del mous

Beh certo, index-z non esiste...
Il z-index invece ti permette di scegliere quali sono i livelli in primo piano e quali in secondo piano, terzo piano etc. Più è alto il valore del z-index e più sarà in alto il livello rispetto agli altri.