Ciao a tutti,
sto provando a creare una cornice su alcune immagini, utilizzando un css di questo tipo:
.frame {
background-image:url(frame.jpg);
background-position:right bottom;
background-repeat:no-repeat;
margin:10px 0pt 0pt;
padding:11px 20px 20px 10px;
}
.down {
background:#FFFFFF url(down.jpg) no-repeat scroll center bottom;
margin:15px 0pt 0pt;
padding:11px 15px 24px;
text-align:center;
}
Quando lo provo con Firefox, utilizzando il tag <img class="frame" src....> funziona perfettamente, mentre in IE 6/7 non vedo niente tranne che la foto, che dovrebbe essere incorniciata...
Mettendo invece <span class="frame"><img src....></span> tutto funziona perfettamente su IE 6/7 mentre su Firefox, vedo solo il bordo finale dell'immagine di sfondo sia in .frame che in .down....
In allegato lo screen esplicativodi Firefox: a SX tutto ok con <IMG CLASS="...> a DX invece la cornice interrotta con l'utilizzo <SPAN CLASS="...> prima del tag IMG (sempre in Firefox)
Qualcuno mi può delucidare in merito e farmi capire dove sto sbagliando?
Grazie in anticipo.
Rispondi quotando