FAQ 46
Pregunta: ¿como puedo meter imagenes en mi pagina y que se ajusten al tamaño que yo quiero sin usar un programa de edicion grafica?
Pregunta: ¿como puedo evitar que una imagen me descoloque el contenido?
Respuesta: con max-width , max-height , min-width
Código:
div.imagen img {
width: 100% ;
heigth: 100% ;
}
/* Aqui se especifica el tamaño maximo en ancho y alto de la imagen */
.imagen {
max-width: 100px;
max-height: 200px;
}
/* Si queremos que se ajuste al espacio disponible sin tener que definirlo
cada vez */
.imagen {
max-width: 100%;
max-height: 100%;
}
De esta forma cualquier imagen contenida en un div con class="image" se ajustara automaticamente en tamaño al especificado del div.