mi serve un aiuto per due questioni sul mio sito che sto cercando di capire.
il sito e' : Sito
La prima e' un gradiente che su IE si vede perfettamente, su Firefox no.
Allego uno screenshot :
Il secondo problema e' invece un effetto zoom che e' applicato sulle foto del dettaglio di un articolo. Per esempio andando dentro la sezione Mobili e selezionando un articolo dalla griglia, si aprira' una pagina che visualizzera' delle foto e del testo. Con IE7 e Firefox , passando il mouse sopra una delle foto si aprira' una immagina ingrandita della stessa.
Questa funzione con IE6 non va.
Il codice html e' il seguente:
<div id="pic">
<img src= ../public/fotoarticoli/mobili/dispensabretone.jpg width='200' height='160'/><img src= ../public/fotoarticoli/mobili/dispensabretone.jpg width='500' height='400' class='large' />
il CSS:
#pic {
display:inline;
position: relative;
/* left: 0px;
top: 10px;*/
}
#pic a .large {
border: 0px;
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
}
#pic a img {
border: 0;
#99FF33;
}
#pic a.p1, #pic a.p1:visited {
border: 1px solid #EC614F;
display: inline;
height: 90px;
left: 0;
text-decoration: none;
top: 0;
width: 135px;
}
#pic a.p1:hover {
/* background-color: #8C97A3;*/
color: #000000;
text-decoration: none;
}
#pic a.p1:hover .large {
border: 1px solid #000000;
display: block;
position: absolute;
left: 60px;
top: -60px;
width: 500px;
height: 400px;
}
Rispondi quotando