[cssdesign] Thumb immagine + zoom

[Hedo]

Ho risolto in parte perche IE mi mette il div con la gif al di fuori
del box (VEDI ALLEGATO)

div.box_photo {
	border: 1px solid #D0DBDE;
	position:relative;
}

div.box_photo .zoom_photo {
	position: absolute;
	height: 31px;
	width: 31px;
	right: 0px;
	bottom: 0px; /* qui l'errore */
	background: url(img/icon_zoom.gif) no-repeat;
}
div.box_photo .zoom_photo span {
	display: none;
}

HTML:
<div class="box_photo">
<img src="public/prd_img/prd_prova.jpg" alt="" width="132" height="98"
class="photo" />
<a href="zoom.asp" class="zoom_photo" title="Ingrandisci
foto"><span>Ingrandisci</span></a>
</div>


On 2/2/06, Jonathan Stoppani <st.jonathan a gmail.com> wrote:
> Se il div.box_photo si adatta alla dimensioni dell'immagine basta
> dargli position:relative e poi poszionare in absolute il
> div.zoom_photo, dove sta il problema?
>
> Piccolo consiglio:
> Sostituisci <div class="zoom_photo"><img src="img/icon_zoom.gif"
> alt="Zoom" /></div>
> con <a href="zoom.html" class="zoom_photo"><span>Ingrandisci</span></
> a> ed in seguito nascondi il testo e metti l'immagine della lente
> come sfondo ;)
>
> Jonathan Stoppani
-------------- parte successiva --------------
Un allegato non testuale è stato rimosso....
Nome:        errore.jpg
Tipo:        image/jpeg
Dimensione:  24337 bytes
Descrizione: non disponibile
Url:         http://itlists.org/pipermail/cssdesign/attachments/20060203/8d58d9b1/attachment.jpg