Buenas, la cuestión es sencilla pero no doy con la opción correcta.
Tengo un archivo html donde quiero meter unas imágenes.
Hago un div para cada imagen (dentro del div no quiero meter nada) los uso para crear clases y por css insertar una imagen con una posición y tamaño concretos sin cortar la imagen.
Pego aquí el un trocito del código.
Código PHP:
div.foto6
{
width: 420px;
height: 370px;
margin: 20px auto;
background-size:420px 370px;
background:url(imagenes/6.jpg);
position:absolute;
}
Código PHP:
<div class="foto6">
</div>
Están en archivos separados. El div con la clase foto6 está metido dentro de otro div que hace de marco para meter los contenidos.
Así me sale la imagen pero si reduzco el width height la imagen se corta.
Si modifico el background-size no me sirve de nada, quiero reducir el width y heigth pero que la imagen se siga viendo completa pero más pequeña y sin usar html. Eso es posible?
Un saludo y muchas gracias a tod@s.