Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/08/2010, 16:10
dumpmail
 
Fecha de Ingreso: julio-2010
Mensajes: 19
Antigüedad: 13 años, 8 meses
Puntos: 0
Texto estático encima de una imagen

Hola amigos, traigo una nueva duda.

La vaina es asi:

Yo tengo un sitio web que estoy creando, y tiene una que otra imagen en la que quiero insertarle texto. No estoy utilizando flash, solo PHP -pero mi duda no es de PHP-.

La cuestion es que vi que yo podia insertarle texto a una imagen con un CSS

He hecho esto:

aqui va el recuadro, que va encima de la imagen para ponerle el texto:
Código HTML:
Ver original
  1. <div id="libreta"></div>

y este es el codigo css:
Código CSS:
Ver original
  1. #libreta {
  2.     position:absolute;
  3.     width:200px;
  4.     height:115px;
  5.     z-index:2;
  6.     left: 648px;
  7.     top: 441px;
  8. }

La cuestión es así:

Si yo hago eso, me funciona y todo de maravilla, pero si yo maximizo o minimizo la ventana, la posición del texto cambia, no se queda estática.

Entonces, probé poniendo:
Código CSS:
Ver original
  1. position:static;

Pero entonces, el texto se me va hacia abajo y ya no queda encima de la imagen, ni lo puedo colocar ni acoplar encima de la imagen...

Esta demás decir que, lo que necesito es que ese recuadro quede encima de la imagen, para que yo escriba un texto y no se vea afectado al maximizar o minimizar la ventana del explorador...

Alguien me ofrece una solución a este problema?


Nota: Probé con Dreamweaver agregando un "objeto de capa" y tiene el mismo efecto del texto no queda estático.

EDITO: No quiero tener como opción agregar de fondo la imagen, porque quiero simplificar las cosas para luego poder editarlas mas rápido.