Redimensionar o ampliar imagenes
Buenas tardes a todos
Estoy realizando una pagina web de noticias, y la noticia principal me gustaría que cogiera todo el ancho de la pagina. Hasta ahí todo bien, ya lo tengo realizado, pero en imagenes por ejemplo que tienen mucho height me gustaría redimensionarlas.
Les he puesto un max-height pero lo que hace es estrecharme la foto y me la deforma.
Yo lo que quiero hacer es que me coja todo el ancho pero que al estrechar la imagen no me la deforme. No se con que propiedad puedo hacer eso. ¿Me podéis ayudar?
Un saludo y muchas gracias
Estoy realizando una pagina web de noticias, y la noticia principal me gustaría que cogiera todo el ancho de la pagina. Hasta ahí todo bien, ya lo tengo realizado, pero en imagenes por ejemplo que tienen mucho height me gustaría redimensionarlas.
Les he puesto un max-height pero lo que hace es estrecharme la foto y me la deforma.
Yo lo que quiero hacer es que me coja todo el ancho pero que al estrechar la imagen no me la deforme. No se con que propiedad puedo hacer eso. ¿Me podéis ayudar?
Un saludo y muchas gracias
0
Puntos
Puntos
1785
Visitas
Visitas
1
Resp
Resp
Respuesta #1
te voy a poner un ejemplo muy sencillo para hacer lo que buscas
html
saludos
html
<div id="cotent"> <img src="imagen.jpg"> </div>css
#content img { width:100%; height:auto; }de este modo todas las imágenes que tengas dentro de la div content se ajustaran a la misma
saludos
5
Puntos
Puntos
Por alber hace 115 meses
Administrador