Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/06/2013, 10:58
matiD
 
Fecha de Ingreso: octubre-2008
Mensajes: 85
Antigüedad: 16 años, 1 mes
Puntos: 0
[DUDA] Titulo flotante y desfasado a un lado - Como puedo hacerlo?

Como están? estoy pensando en un diseño, pero no se me ocurre como lo puedo realizar.

Mi conocimiento de CSS es bastante básico, y por ejemplo hacer lo que voy a mostrar a continuación con simples contenedores cuadrados me la ingenio pero quiero agregar unos detalles que he visto cosas similares en algunos sitios y me encantaría poder aplicar algo similar.

Sin más paso a dejar imágenes de lo que me gustaría hacer. Que como ya saben una imagen vale más que mil palabras.

Esto es en síntesis lo que quiero lograr. como se ve el titulo está un poco más abajo de la parte superior de la imagen, y sale hace un lado del contenedor, con lo que parece que estaría flotando sobre la imagen.


Es decir, una maquetación que en una linea muestre 3 noticias diferentes, y en la siguiente 2, en lugar de 3.

Pero lo más importante! Que es lo que realmente me complica es como hacer que el titulo de la noticia flote sobre la imagen que corresponde a la noticia!

yo hasta donde llego es a hacer los contenedores de cada noticia, y poner arriba el titulo abajo la imagen y abajo la noticia, pero no se me ocurre como puedo poner el titulo como se ve en la imagen un poco desfasado hacia la izquierda. cosa que se vea como un postit flotando.

Espero su ayuda en el caso de que puedan brindarmela.

Muchas gracias de antemano.