OnMouseOver in una tabella

[AnimatorSoul]

Ciao a tutti
ho fatto un'immagine in Photoshop, l'ho esportata per il web quindi tutte le sezioni immagini (.png24) sono state intabellate.
3 di queste immagini sono pulsanti, quindi nella stessa immagine ho cambiato grandezza al font e ho riesportato solo quelle.
Nel codice HTML ho usato questo codice

<td colspan="2"  > 			
<a href="attivita.html">
[img]images/index_11.png[/img]</a> 
</td>

In Firefox va tutto bene ma in IE mi si formano degli spazi neri sopra le immagini come se fosse più grandi del normale di 1 o 2 px.
La versione della pagina denza onMouseOver è perfetta.. quindi non sò che fare. Ho provato con i CSS con il l'Hover ma non sono riuscito.

cosa posso fare?
grazie mille

[AnimatorSoul]

Ho riprovato a cercare nel Forum ma non ho trovato risposte per questo caso.. Spero che qualcuno di voi mi sappia dire qualcosa.

Grazie mille

[ricman]

Originariamente inviato da AnimatorSoul
Ho provato con i CSS con il l'Hover ma non sono riuscito.

a: {background-image: url(latuafoto_1); }
a:hover {background-image: url(latuafoto_2); }

[AnimatorSoul]

grazie ricman per la risposta
ma in questa pagina io ho 3 immagini pulsanti e non saprei appunto come usare hover per differenziarle.
pensi che possa fuzionare ed essere usufruibile in tutti i browser una cosa come questa

a.home1 : {background-image: url(latuafoto_1); }
a.home1 :hover {background-image: url(latuafoto_2); }

a.home2 : {background-image: url(latuafoto_1); }
a.home2 :hover {background-image: url(latuafoto_2); }

a.home3 : {background-image: url(latuafoto_1); }
a.home3 :hover {background-image: url(latuafoto_2); }

grazie mille ancora

[AnimatorSoul]

Allora ho provato un po' a smanettarci, ma non fa comparire nulla.. non vanno neanche i Link
Questo è il codice usato nell'HTML

	
<td colspan="3">
     
</td>

e il codice usato nel CSS è quello del post precedente

[ResianTaxidrive]

ma quei ":" mica vanno dopo "a" e invece nell'hover va senza spazi "a:hover"

[AnimatorSoul]

Originariamente inviato da ResianTaxidrive
ma quei ":" mica vanno dopo "a" e invece nell'hover va senza spazi "a:hover"

se voglio che solo nella classe "home1" "home2" e "home3" il tag <a> venga settato in questo modo non è corretto fare a.home1 ??

per lo spazio dopo "a:hover" non saprei ma non mi funziona comunque

[ResianTaxidrive]

intendevo i ":" (duepunti)
a.home1 : {background-image: url(latuafoto_1); }

forse era solo il modo in cui lo hai scritto qui ma quando non funziona le si pensa tutte.

[AnimatorSoul]

Originariamente inviato da ResianTaxidrive
intendevo i ":" (duepunti)
a.home1 : {background-image: url(latuafoto_1); }

forse era solo il modo in cui lo hai scritto qui ma quando non funziona le si pensa tutte.

si si grazie mille
sono io che stò un po' andando a male con sto cavolo di problema... CMQ non cambia niente cavolo... non mi fa vedere neanche le immagini...

AIUTO!!

[ricman]

I due punti non ci vogliono proprio prima della graffa (io nel mio post li avevo messi per sbaglio)

a {}
a:hover {}
a.home:hover {}

e funzionano di sicuro