Div flotantes

[remy]

Hola amigos: Escribo de nuevo porque no tengo nada de tiempo para buscar y lo que he buscado no me resulta...

Tengo una situacion, quiero hacer un preview de imagenes que tengo con un greybox, pero quiero ponerle a cada imagen un div flotante para poder hacer click, pero cuando lo hago me lo pone solamente en la priemra imagen y me lo repite.

Tengo esto

for ($i=1; $i<=10; $i++)
{

<img src="<?php echo $image[$i]; ?>" width="32" height="22" border="0" />
<div style="background:#333333; position:absolute; padding:0 0 0 0; margin-top:100cpx; opacity:0.6; font-family:'Tahoma', Geneva, sans-serif, Impact; font-weight: normal; color:#fff; font-size:12px; text-align:right; filter:Alpha(opacity=85); height:30px; width:179px;"><a href="<?php echo $image[$i]; ?>" class="lytebox" > <img src="imagess/ico_lupa+.png" width="22" height="22" border="0"/></a></div>
}

espero me puedan ayudar

[pzin]

No tiene esto que ver con CSS me parece.

Y en tu código estás metiendo HTML en PHP. :-/

[remy]

Hola pzin:
Puse el codigo PHP para que se pueda ver lo que quiero hacer, en realidad lo que me interesa es el css del div... Que cuando se repite la imagen se repite el div, pero en un mismo lugar y necesito que se repita junto con las imagenes encima de ellas. Copias???

Gracias por responder

[pzin]

No copio no.

No sé a qué te refieres con repetir la imagen. Si fuese un fondo tendría sentido, pero no te refieres a eso, claro.

[remy]

Ok... mira imagina que tienes una carpeta con imagenes y quieres mostrarlas pequenas y cuando se le de click se hagan un zoom. Hasta ahi entiendes la idea?

Lo que quiero hacer es en ves de dar click en la imagen poner un div con una lupita para cuando den click ahi se agrande la imagen... Esa lupita quiero ponerla encima de la imagen con un div. Las imagen son varias, el div tambien son varios pero se me pone uno encima del otro, no uno encima de la imagen.. Ahora entendiste???
Una abrazo

[pzin]

Sólo tendrías que posicionar el enlace con posición absoluta y ajustarlo:

Código CSS:

div a {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
 

Como el div que lo contiene tiene una posición diferente a estática, este hará de elemento de contención para el enlace.

[remy]

Muchas gracias, pero no me resuelve el problema

[pzin]

¿Por qué no?