REDIMENSIONAR IMAGEM NA TABELA

PERCIFILHO 27/05/2016 15:39:35
#462646
Boa tarde, galera, estou tentando fazer um teste aqui para ver se eu aprendi alguma de web, html, css,e tal, e gostaria de saber se existe uma forma de eu redimensionar uma imagem, para que ela seja exibida no tamanho que eu quiser.
Por exemplo: tenho uma tabela com as seguintes imagens:

<tbody>
    <tr>
        <td style=[Ô]width:120px; height:120px[Ô]><img src=[Ô]http://i65.tinypic.com/imagem1.jpg[Ô]/></td>
        <td style=[Ô]width:120px; height:120px[Ô]><img src=[Ô]http://i66.tinypic.com/imagem2.jpg[Ô]/></td>
        <td style=[Ô]width:120px; height:120px[Ô]><img src=[Ô]http://i68.tinypic.com/imagem3.jpg[Ô]/></td>
        <td style=[Ô]width:120px; height:120px[Ô]><img src=[Ô]http://i67.tinypic.com/imagem4.jpg[Ô]/></td>
    </tr>
</tbody>


Só que a imagem sempre aparece no tamanho original dela. Como faço para que a imagem apareça no tamanho 120 x120?
KERPLUNK 27/05/2016 16:00:29
#462648 Resposta escolhida
O que você quer redimensionar é a imagem e não a célula da tabela, portanto os atributos de tamanho são colocados na tag da imagem:

<tbody>
    <tr>
        <td><img style=[Ô]width:120px; height:120px[Ô] src=[Ô]http://i65.tinypic.com/imagem1.jpg[Ô]/></td>
        <td><img style=[Ô]width:120px; height:120px[Ô] src=[Ô]http://i66.tinypic.com/imagem2.jpg[Ô]/></td>
        <td><img style=[Ô]width:120px; height:120px[Ô] src=[Ô]http://i68.tinypic.com/imagem3.jpg[Ô]/></td>
    </tr>
</tbody>

Mas lembre-se, fazendo isso, a imagem pode ficar distorcida.
PERCIFILHO 27/05/2016 16:04:31
#462649
Valeu Kerplunk, que burrice a minha, hahaha. Tá na cara!
Obrigado! Até mais.
KERPLUNK 27/05/2016 16:07:07
#462650
O ideal, seria colocar esses redimensionamentos em uma classe no CSS e colocar a classe na tag:

No CSS:
.miniatura
{
    width: 120px;
    height: 80px;
}

No HTML:
<tbody>
    <tr>
        <td><img class=[Ô]miniatura[Ô] src=[Ô]xxxx[Ô]></td>
    </tr>
</tbody>
PERCIFILHO 27/05/2016 16:25:13
#462651
Perfeito!
Como era só para efeito de estudo, então fiz assim.
Mas vou colocar esses valores das propriedades tudo dentro do CSS. Acho que estou aprendendo.
Obrigado pela dica, amigo;
KERPLUNK 27/05/2016 16:35:42
#462653
Tópico encerrado , respostas não são mais permitidas
Voltar