Dreamweaver: comparire un'immagine al passaggio del mouse

Di: ionel | 26/09/2020 18:56:07
Quando si fa passare il puntatore del mouse su una scritta, sopra o da qualche parte dovrebbe comparire un immagine.
ho un elenco di nomi, e quando passo sopra ad un nome vorrei far comparire la foto della persona.
potete aiutarmi per cortesia?

Risposte


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>

Di: Anonimo | 26/09/2020 18:56:07

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

Di: ionel | 26/09/2020 18:56:07

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.

Di: Anonimo | 26/09/2020 18:57:07

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.

Di: ionel | 26/09/2020 18:57:07

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;

Di: ionel | 26/09/2020 18:57:07

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.

Di: Anonimo | 26/09/2020 18:57:07