Problema CSS

[Nebula88]

Ciao a Tutti

Scusate, ho fatto un menù con i CSS che potete vedere qui (colonna sinistra) in cui al passagio del mouse cambia il background, ma l'immagine appare dopo un attimo e non instantaneamente (a causa del caricamento dell'img)...ciò è antiestetico!..ma non so come fare altrimenti, poichè utilizzando il background-color:white, l'effetto non è molto gradevole..

Vorrei Qualche Consiglio, se possibile.

E poi, ho un secondo problema: Con FireFox è tutto completamente sballato, mi riferisco sempre ai CSS..!

Grazie per il tempo perduto!
Ciau

[keratox]

Per quanto riguarda le immagini prova a utilizzare javascript.
In questo modo puoi pre-caricarle.

Per il problema di Firefox, si fa fatica a dettarti una soluzione poichè i problemi derivano da una mala-progettazione: uso dei css inadeguato.

Io per fare siti indipendenti dal browser utilizzo un approccio Prova&Errore, aprendo la stessa pagina con IE e Firefox e testando passo passo.
Poi nella pratica vale anche l'esperienza.

[Nebula88]

eh gia! purtroppo sono agli inizi e non ho moltissima esperienza...
Cmq utilizzando JS le img sarebbero precaricate e utilizzabili con i CSS? O avrei bisogno di una funzione in js anche per il cambio di img al passagio del mouse? purtoppo non conosco javascript...

Grazie per il tuo aiuto

[keratox]

Non sono esperto di javascript, prova a riporre la questione nel forum apposito.

[floyd46]

ciao
puoi anche fare a meno di utilizzare il JS per il precaricamento delle immagini di sfondo per il menu e farlo solo con i CSS.
In FF non vedo lo sfondo, non ho capito il perchè;
inoltre,sempre in questo browser, l'unica cosa che è uguale ad IE è la posizione al centro del blocco. Il resto no.
Floyd

[Nebula88]

purtoppo lo so..
lo ho anche io FireFox ma non capisco il perchè di tanto sfasamento,..
il codice mi sembra corretto ed è anche validato!

Piuttosto con i CSS come faccio il preload?