Hola, estoy haciendo una galeria de fotos/dibujos y lo que hago es mostrarlos todos primero en forma de cuadricula.
MI PROBLEMA:
como cada foto o imagen tiene diferente resolucion y los divs de la cuadricula tienen que ser todos iguales (mismo ancho y alto), las imagenes se estiran o pierden resolucion, mi idea es intentar conseguir como lo tiene este:
http://www.kuciara.com/
Si os fijais las imagenes en tamaño real son mucho mas grande pero en las miniaturas aparecen como autorecortadas y bien ajustadas al marco. En mi plantilla tengo los divs con un ancho de 25% y altura de 250px y luego las imagenes a un 100%.
Código CSS:
Ver original.main .work{
display: block;
width: 25%;
height: 250px;
float: left;
position: relative;
overflow: hidden;
}
.main .work .media {
width: 100%;
height: 100%;
vertical-align: middle;
}
Como conseguiriais ese resultado?