Foros del Web » Creando para Internet » CSS »

Meter imagen bajo un texto

Estas en el tema de Meter imagen bajo un texto en el foro de CSS en Foros del Web. Me he atascado con algo muy tonto Tengo un div que sólo contiene texto, y debajo quiero que vaya una foto. La foto tiene la ...
  #1 (permalink)  
Antiguo 26/02/2013, 00:43
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 10 meses
Puntos: 55
Meter imagen bajo un texto

Me he atascado con algo muy tonto

Tengo un div que sólo contiene texto, y debajo quiero que vaya una foto.

La foto tiene la parte de arriba a la izquierda prácticamente blanca, y me viene de perlas para que ahí vaya la firma del autor del texto (es el About del titular de las web, claro).
Para ello sólo debo subir la foto de manera que el texto quede encima, como sobreimpreso.

...y no lo consigo

He probado con la foto en otro div y darle z-index negativo, he dejado el div del texto con background-color: transparent.

Al final lo he conseguido dándole al div de la foto float: left, y margin-top negativo, con clear: both en el mismo div y el siguiente.
No sé si es lo más correcto, tengo la impresión de que para contar las vacas he contado las pezuñas y he dividido por cuatro, como decía burlonamente un profesor de Matemáticas del colegio

¿Qué os parece, se puede hacer de manera más limpia? Saludos.
  #2 (permalink)  
Antiguo 26/02/2013, 01:42
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 16 años, 3 meses
Puntos: 2237
Respuesta: Meter imagen bajo un texto

Yo lo haría con un div contenedor (para foto y texto) con posición relativa, el texto en otro div (dentro del anterior) y ubicado con posición absoluta, si es arriba a la izquierda, entonces top:0; y left:0;
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 26/02/2013, 03:10
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 10 meses
Puntos: 55
Respuesta: Meter imagen bajo un texto

OK, lo probaré así, muchas gracias
  #4 (permalink)  
Antiguo 26/02/2013, 10:09
Avatar de willycarp  
Fecha de Ingreso: enero-2013
Mensajes: 83
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Meter imagen bajo un texto

No probaste poniendo la foto como fondo del div y despues ubicando el texto???
  #5 (permalink)  
Antiguo 26/02/2013, 11:03
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 10 meses
Puntos: 55
Respuesta: Meter imagen bajo un texto

Sí, pero no conseguía que se viera bien, no recuerdo por qué

Saludos.
  #6 (permalink)  
Antiguo 26/02/2013, 16:40
Avatar de willycarp  
Fecha de Ingreso: enero-2013
Mensajes: 83
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Meter imagen bajo un texto

Fijate que la imagen no sea mas grande que el div, pone que el fondo no se repita y te recomiendo que en la ubicacion de Y y X le pongas auto asi te queda centrada en el div!

Etiquetas: meter
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 12:48.