[Resolvido] Resize ou Crop ?

[Pablo Gates 10]

estou procurando uma solução mais ainda não encontrei já tentei o nailthumb mas não obtive exito ...

 

 

é o seguinte tenho uma div com a seguinte configuração

 

#produto_indiv ul li img{
border:5px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/*width:140px;
height:105px;*/
}

 

A parte que está comentado é o tamanho da miniatura, eu gostaria de fazer miniaturas sem ficar achatadas ou esticadas, por isso gostaria de remover esse tamanho e fazer uma miniatura através do javascript pra que não fique toda repuxada..

 

Espero ter sido objetivo

[William Bruno 1501]

deixa que o browser decida a altura para você:

 

        width:140px;
       height: auto;

o proprio browser vai manter a proporção.

[Pablo Gates 10]

Eu já tentei fazer isso, mas não deu certo. quando a imagem é inserida no CMS ele já seta automaticamente o width="XXX" e o height="XXX" por isso o css não consegue calcular a altura utilizando o height:auto; preciso de algo que faça essa alteração dinamicamente

[William Bruno 1501]

então force:

 

      width:140px !important;
       height: auto !important;

[Pablo Gates 10]

Pouts, obrigado cara tinha me esquecido do !important me ajudou brother muito obrigado!