Immagine selezione voce menu verticale e flash bianco

[joefranz]

Buonasera a tutta la comunità, ho un dproblema da porre. Nel menu verticale del mio sito utilizzo un'immagine di circa 1,5 kb per evidenziare la scelta della voce selezionata. La prima volta che carico la pagina quando mi porto su una qualsiasi voce prima di visualizzare questa immagiane si vede un flash bianco. Non so se è un errore del css oppure è questo è dovuto al tempo necessario che si carichi l'immagine. Ma in ogni caso come risolvo?
Il sito è www.ipcverri.it

laporzione del codice css è:

body.white .menu a:link {
color : white;
background : url(../images/background_menu_vert.jpg) repeat;
padding-bottom : 18px;
margin-bottom : -5px;
}
body.white .menu a:visited {
color : white;
background : url(../images/background_menu_vert.jpg) repeat;
padding-bottom : 18px;
margin-bottom : -5px;
}
body.white .menu a:hover {
color : white;
padding-bottom : 18px;
margin-bottom : -5px;
background : url(../images/rollover.png) no-repeat;

Grazie

[RiccardoS]

Complimenti per la grafica, davvero molto bella.

Temo anch'io che il flash sia dovuto al caricamento dell'immagine... perchè invece di un'immagine non usi semplicemente un colore?

p.s. Fra l'altro, per l'hover io metterei un colore un pò più contrastato rispetto a quello base e soprattutto un colore ancora diverso per il pulsante attivo.

[joefranz]

ciao Riccardo grazie per aver risposto, ho pensato anv'io di utilizzare un colore al posto del png però mi piaceva la sfumatura e la cornice del pulsante. Usando un colore dovrei necessariamente utilizzare una tinta unita...

hai qualche suggerimento.
Grazie

[RiccardoS]

eh lo so...

hai provato a ridurre ulteriormente le dimensioni dell'immagine, magari mettendola in gif?
Non mi viene in mente altro...

anzi... potresti provare ad usare la stessa immagine per metterla come indicatore della pagina attiva: se la pagina iniziale è la home, dovrebbe venire caricata nello stesso momento in cui apri il sito per la prima volta.

[joefranz]

Grazie per i suggerimenti, se trovo una soluzione la posto.

Ciao

[joefranz]

Ciao Riccardo riprendo questo vecchio post dopo un assenza per motivi di salute,

Ho provato o a cercare una soluzione in base ai tuoi suggerimenti ma non ho trovato nulla.

Mi spiegheresti la procedura per  "indicatore della pagina attiva" di cui parli nel precedente mess.

grazie

[RiccardoS]

Ciao Riccardo riprendo questo vecchio post dopo un assenza per motivi di salute,

Ho provato o a cercare una soluzione in base ai tuoi suggerimenti ma non ho trovato nulla.

Mi spiegheresti la procedura per  "indicatore della pagina attiva" di cui parli nel precedente mess.

grazie

nel mio css "skin-white.css" le ultime righe:

body.white ul.menu li#current,
  body.white ul.mostread  li#current
, body.white ul.latestnews li #current{
   background-color: #ffdf5f;
   color: #000000;
}

servono per impostare uno sfondo giallo alla voce di menu attiva... forse se riesci a fare lo stesso con il tuo sito (usando ovviamente l'immagine che dà problemi invece che lo sfondo) risolvi il problema, perchè avverrebbe al primo caricamento...

altrimenti torno alla prima proposta: lascia stare l'immagine ed usa solo un colore! 

[joefranz]

grazie gentilissimo come sempre.

[joefranz]

Funziona grazie mille

[RiccardoS]

Funziona grazie mille

Ottimo!