Cortar imagenes con CSS

[alexk]

en mi caso usaria PHP para las miniaturas pero bueno... una solucion seria...

Código HTML:

<div class="padre">
        <img src="img1.jpg" />
    </div>
    <div class="padre">
        <img src="img2.jpg" />
    </div>
    <div class="padre">
        <img src="img3.jpg" />
    </div>
    <div class="padre">
        <img src="img4.jpg" />
    </div>
 

Código CSS:

.padre{float:left;height:150px;margin:5px;overflow:hidden;width:150px;}
 

no funciona en todas... ya que depende de la imagen... pero estan cuadradas y las recorta asi que...

---------------------

El resultado seria algo parecido...