1
Desenvolvimento / Re: AJUDA como fazer para que as imagens não ficarem "esticadas"
« em: 06/Fev/2013 14:06 »Se notares, mesmo a imagem original está esticada:
http://www.academiadefutebol.pt/admin/imgs/noticias_imgs/miguel_lourenco.jpg
Portanto, logo à partida, parece-me que há um redimensionamento da imagem mal calculado.
Para além disso, as dimensões da imagem são de 750 x 500 pixels, mas o atributo height da imagem está com 417 pixels.Código: (html4strict) [Seleccione]<div id="img_newsnoticias" class="img_newsnoticias">
<img id="imagem_img_news" src="http://www.academiadefutebol.pt/admin/imgs/noticias_imgs/miguel_lourenco.jpg" width="750" height="417" alt="noticias"/>
</div>
Esta ID no css, também está a limitar a altura a 417px do espaço onde se encontra a imagem, tens de retirar os 417px de altura, ou manter e ajustar o width da imagem em escala com o height.Código: (css) [Seleccione]#img_newsnoticias {
height: 417px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
position: absolute;
vertical-align: middle;
width: 752px;
}
Boas,
Como dizes a imagem vai ficar com o tamanho original?
Pretendo que não fique esticada conforme vistes e se for maior que o espaço destinado a imagem, que não saia dos limites. ex de uma que esta bem:
http://www.academiadefutebol.pt/index.php/treinadores_debates/debate/4/51
Obrigado a todos que estão a opinar!