Ragazzi, ho usato questo CSS
.pulsante{width : 100%;
text-align : center;
margin-top : 7px;
cursor: pointer;
height: 25px;
}
.pulsante a:hover{width : 100%;
display: block;
padding-left: 1px;
padding-top: 1px;
}
per dare un effetto "pressione" ai tasti del menu del mio sito www.cflgroup2001.it , che sono delle immagini!!
Praticamente quel CSS fa abbassare e spostare a destra di 1px l'immagine del menu, lasciando ferme le altre..tutto questo va alla grande su Firefox e su opera, ma ovviamente con IE 7 non va!!
Ho provato anche con i commenti condizionali, ma non c'è nulla da fare...praticamente si spostano anche tutte le altre immagini del menu, insieme a quella sula quale si passa il puntatore del mouse!! Credo che sia un problema di differente lettura di IE7 dell' hover, poichè se anche scrivo il CSS cosi:
.pulsante{width : 100%;
text-align : center;
margin-top : 7px;
cursor: pointer;
height: 25px;
}
.pulsante a:hover{
}
anche senza nessun attributo del'hover, comunque se passo sopra ad una immagine del menu si spostano in basso anche le altre di almeno 3 pixel...perchè??
AIUTATEMI VI PREGO!!!
PS: sul sito non ho caricato quel css in attesa di trovare una soluzione!!
Rispondi quotando