Redimensionar imagem utilizando css

[newboxters 0]

Olá!

 

Esses dias, eu pensei em desenvolver um código utilizando php, para cortar o texto original quando ele é aberto em descrições, porém antes eu realizei algumas buscas na web pra tentar ver se seria necessário utilizar linguagem dinâmica, ou se havia alguma maneira mais simples, já que esta descrição aparece apenas em algumas páginas. E realmente encontrei a solução no css, utilizando overflow:hidden e limitando a altura e largura do div, funcionou perfeitamente.

 

Mas agora, eu tive essa mesma necessidade, porém com imagens, busquei, testei vários estilos, mas não consegui realmente o que eu preciso, pois a imagem ela que redimensiona o div para as dimensões dela, então se eu tiver um div: 20x25px e uma img dentro dele 100x100px, o div será redimensionado.

 

Bom, já pensei em deixar a img. como background em um div, ou tabela ou aplicar o estilo na própria img, do tipo:

<img border="0" src="image.gif" class="IMGstyle">

 

Porém, como se trata de um esquema de postagens dinâmicas, ou seja, eu publico uma matéria e coloco a imagem através do formulário do script, daí que está o meu problema, pois esta imagem aparece de tamanho original no contéudo, mas quando vai aparecer em um destaque que deveria ser redimensionada, porém somente ela... pois se não eu definia um estilo:

 

<style type="text/css">

IMG {width: 100px; height: 100px;}

</style>

 

e pronto. Mas eu quero que essas definições sejam aplicadas somente nesta img, mas que não tenha que colocar a class na img.

 

O que eu estou precisando seria que apenas a img. que estivesse dentro desse div redimensionasse:

 

<div>

imagem

</div>

 

Realmente, tentei fazer de tudo, mas não consegui.

 

Se alguém puder me dar alguma informação do que posso utilizar, agradeço. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Thony Conde 0]

Veja isso

 

http://www.maujor.com/blog/2006/06/26/a-pr...edade-css-clip/

[juan 0]

Acho que ele quer redimensionar a imagem, não cortar..

[Maujor 144]

Use um seletor para imagem dentro de uma div:

 

HTML:

<div class="redimensiona">

<img src="...." ... />

</div>

 

CSS:

 

div.redimensiona img {width:20px; heigth:20px;}