Problema nel rollover delle immagini

[simone.marchese]

Ciao a tutti,
Ho un piccolo problema nel rollover delle immagini e vi vado a spiegare subito quale.

Ho il seguente codice:

<ul id="navlist">[*] [img]../_templates/images/interna/images/menu/MOTE_HomePage_03.jpg[/img]

Ora devo modificare l'immagine al momento del hover e per farlo utilizzo il seguente css e purtroppo non funziona

#navlist a:hover img.but1{
	height: 78px;
	width:90px;
	
	background-image: url("/_templates/images/interna/images/menu/MOTE_HomePage_03hover.jpg")!important;
	background-repeat: no-repeat;
	border: dotted 1px red;
	}

Dove sbaglio?

[ResianTaxidrive]

Ma tu hai un tag <img> a cui hai dato una classe chiamata but1?
E dentro il tag img non avrai una immagine spero.

[simone.marchese]

No, comunque ho sistemato grazie mille

[carlomarangoni]

Originariamente inviato da simone.marchese
No, comunque ho sistemato grazie mille

Lo spirito del forum è quello di essere d'aiuto anche agli altri dicendo come si è risolto

[simone.marchese]

Appena riesco posto la soluzione
comunque è praticamente quello che ho messo più il seguente codice

#navlist a{
	display: block;
}
#navlist a.but1:hover{
	display: none;
}

[simone.marchese]

Ecco il codice completo

#navlist li.but1 {
	height: 78px;
	width: 83px;
}
#navlist a.but1{
	display:block;
}

#navlist a.but1:hover img{
	display: none;
	margin: 0px;
	padding: 0px;
}
#navlist a.but1:hover{
	height: 78px;
	width: 83px;	
	background-image: url("xxx.jpg");
	background-repeat: no-repeat;
	
}

[ResianTaxidrive]

mi sembra un po' arzigogolato. Io toglierei l'img dentro la a e fare con due stili e basta

#navlist a.but1{
display:block;
height: 78px;
width: 83px;
background-image: url("1.jpg");
background-repeat: no-repeat;

}
#navlist a.but1:hover{
background-image: url("2.jpg")
}

basta. Inoltre non serve ripetere tutte le definizioni più volte.