Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/01/2008, 13:06
TomasCrespo
 
Fecha de Ingreso: enero-2008
Mensajes: 8
Antigüedad: 16 años, 3 meses
Puntos: 0
Re: <Div> sobre <img>

Yo he encontrado esta:

Código HTML:
<div id="cont"><img src="fotos/sinfoto.jpg" width="200" height="168" />
	<span id="ref">REF. 0330</span>
</div> 

Si a cont le ponemos position:relative; width:200px;
y a ref le ponemos position:absolute; top:0px; left:0px; ref (que es el texto) se pondrá sobre la imgen (que es cont). Podemos ajustar la posicion del texto con respecto a la imagen jugando con los valores top y left de ref

OJO: La posicion absolute aquí no se calcula respecto a la pagina, sino respecto a su elemnto padre (cont), por lo que si cambiamos de sitio a cont, ref irá con él.

Mola