Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/03/2015, 10:39
enochap
 
Fecha de Ingreso: julio-2012
Ubicación: Ripollet
Mensajes: 80
Antigüedad: 11 años, 9 meses
Puntos: 1
Ahora en porcentajes

Hola a todos, os quería hacer una pregunta. Hasta ahora trabajaba con px y finalmente me he decantado por pasarme a % ya que parece ser que así tengo más posibilidades de que mi web sea algo más responsive.

Bien, el problema es que cuando yo quiero poner un texto o lo que sea sobre una imagen, lo que hago siempre es poner la imágen como fondo del div contenedor y así me deja escribir encima:

.ini_div_foto {
background: url('../img/foto.jpg') no-repeat;
width:100%;
}

Pero esa foto no se puede agrandar ni hacer más pequeña. se muestra tal cual es, o yo no he encontrado la forma de hacerlo. Al trabajar en % me gustaría que la foto ocupase el 100% del contenedor y eso lo puedo hacer con cualquier imagen que no sea el fondo de un div, pero no con estas...

Mi pregunta entonces es doble: Como poner que la imagen de fondo de un div se autoredimensione ??? o bien, como se hace para escribir texto encima de una imagen usando:

<img src="/img/foto.jpg">

Muchas gracias