Newsgroup: it.comp.www.html
Titolo: problema rollover con ie

Ciao
Ho creato un menu con link immagini con effetto rollover utilizzando i css.
La tecnica di image replacement utilizzata è la cover-up span (in 
pratica utilizzo un'immagine di sfondo in span (che rimane senza testo) 
e che va a coprire la scritta sotto, visibile solo con immagini 
disabilitate).
Ho optato per un fast css rollover (cioè tutti gli stadi dei link 
(hover, visited ecc) sono in una stesso file immagine).
Come ogni volta con firefox nessun problema, ma con ie siamo alle solite...
In pratica quando con il puntatore vado sul link immagine, anzichè 
caricarsi subito l'immagine che dovrebbe vedersi in hover, internet 
explorer, mi fa vedere ciò che c'è sotto e solo dopo 1 o 2 secondi 
carica l'immagine.
Stesso discorso quando tolgo il puntatore (si rivede il sotto prima di 
ricaricarmi l'immagine adibita al a:link normale).
Il problema dovrebbe risolversi se forzo ie a caricare le immagini 
subito rendendole così istantaneamente disponibili.
Come fare però???
Se qualcuno può aiutarmi, gli sarei molto grato.
Se mi sono spiegato male, fate pure domande.
grazie
ciao

non so se la tecnica è la stessa...
io ho fatto così!! (tieni presente che ho il menù a destra):
################### html ######################
<div id="menu_secondario">
         <div id="secondario">
            <ul class="menu_dx">
              <li id="min"><a href="#" title="Da qui si accede all'area
dedicata a minori e famiglie"><span></span>Minori e Famiglie</a></li>
              <li id="mig"><a href="#" title="Da qui si accede all'area
dedicata ai migranti"><span></span>Migranti</a></li>
              <li id="abi"><a href="#" title="Da qui si accede all'area
dedicata ai disabili"><span></span>Diversamente abili</a></li>
              <li id="anz"><a href="#" title="Da qui si accede all'area
dedicata agli anziani"><span></span>Anziani</a></li>
              <li id="pov"><a href="#" title="Da qui si accede all'area
dedicata all'esclusione sociale"><span></span>Esclusione sociale</a></li>
            </ul>
         </div>
</div>
#################### css #####################
#menu_secondario{
    float: left;
    padding : 0;        
}
#secondario ul.menu_dx li a{
    padding-left:0;
    text-decoration:none;
}
#menu_secondario ul{
    list-style-type: none;
    margin:0;
    padding:0;/*solo ie mannaggia*/
}
#menu_secondario li{
    margin: 0 0 2px;
    padding: 0;
}
#menu_secondario a{
    position: relative;
    display: block;
    width: 120px;
    height: 80px;
}
#menu_secondario a span{
    position: absolute;
    width:120px;
    height: 80px;
    cursor: pointer; /*per IE*/
}
#menu_secondario a:hover{
    color: #369; /*per IE*/
    text-decoration:none;
}
#menu_secondario a:hover span{
    background-position: -130px 0
}
#menu_secondario a#corrente span{
    background-position: -260px 0
}
li#min span{
    background: url("img/min.gif")
        }
li#mig span{
    background: url("img/mig.gif")
        }
li#abi span{
    background: url("img/abi.gif")
        }
li#anz span{
    background: url("img/anz.gif")
        }
li#pov span{
    background: url("img/pov.gif")
        }
ciao carloErnesto
K-Marx wrote:

-- 
Venendo e andando l'uccello d'acqua non lascia traccia ne ha bisogno di una
guida

In pratica è come ho fatto io solo che il mio menù non è a colonna, ma 
in orizzontale.
Finchè lavoro in locale anche ie mi si comporta bene, ma quando 
inserisco in rete...ie inizia a svarionare.
Mi sa che dovrò sbatterci la testa ancora un po'
grazie
ciao

se il menù ti da uno sfarfallio prima di caricarsi, prova a verificare i
bordi dei menù, magari è quello che ritarda il ridisegno del browser.
oppure verifica la dimensione delle img.
comunque se posti il codice magari si capisce qualche cosa.
ciao carloErnesto
K-Marx wrote:

-- 


K-Marx ha scritto:

Se qualcuno si trova nelle mie stesse condizioni, sappiate che ho risolto.
In pratica il problema non era del codice ma delle impostazioni di ie:
nelle impostazioni della cache per i file temporanei avevo spuntato 
"All'apertura della pagina",ciò crava quel "sfarfallio" delle immagini. 
Il valore di default è "Automaticamente".
Con questo valore tutto torna perfetto.

):

si', però questo accorgimento risolve le cose solo per te...
sai quanti, come te fino a ieri, non avranno ie settato giusto!
sono nuova in css e dintorni, ma questo problema che hai descritto non è 
forse dovuto al cosiddetto flickering di ie?
se sì, fai una ricerca, so che ci sono metodi per aggirarlo...
se invece sto sbagliando, vi prego di dirmelo con delicatezza... ;-)
ciao a tutti!
la Pimpa
==============================================================
 Posted with Hogwasher. Mac first, Mac only:
 
http://www.asar.com/cgi-bin/product.pl?58/hogwasher.html
 
==============================================================

ciao,
io so che solitamente il flickering è dato dal passaggio del mouse sopra
l'img che rappresenta un link.
solitamente si usa il bordo dell'img su hover e ci si dimentica di usarlo
per gli altri stati. quindi o si mette il bordo su tutti gli stati del link
o su nessuno
ciao carloErnesto
la Pimpa wrote:

-- 


 ==============================================================
Sai cosa ti dico... hai ragione!!
Effettivamente quelle impostazioni di ie di default l'utente comune non 
le tocca, però è giusto che la pagina sia visibile pienamente da tutti.
Troverò un nuovo metodo (tanto sono già impazzito per trovare un modo 
per rendere fisso il menu con tutti i browser senza mai usare -position 
: fixed- che ie non vedeva).
Devo ammettere però che se non esistesse ie, costruire siti sarebbe 
moooooolto più semplice.
Grazie mille
ciao