Foros del Web » Creando para Internet » CSS »

Texto estático encima de una imagen

Estas en el tema de Texto estático encima de una imagen en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/08/2010, 17:10
 
Fecha de Ingreso: julio-2010
Mensajes: 19
Antigüedad: 7 años, 4 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.
  #2 (permalink)  
Antiguo 18/08/2010, 17:41
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Texto estático encima de una imagen

El código que proporciona es insuficiente. Tanto el css como html.
No obstante, entre los temas "importantes" y siempre visibles de este foro de css se encuentra una guía de migración realizada por Mikel Morote (aka Mikmoro).
En ella tiene explicado de forma muy clara la propiedad /position/, sus posibles valores y las particularidades de cada uno. Incluidas cuáles son las referencias para su ubicación.

Atentamente

Etiquetas: encima
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:35.