Como ajustar el ancho de una imagen para cada resolucion?

JigSaw · 4 Oct 2013

Hola, estoy tratando de ajustar una imagen en dreamweaver que ajuste automaticamente al ancho de la pantalla, por ejemplo...

eso es ccs? o puede hacerce simplemente en html? o es lo mismo? apenas estoy tratando esto ya busque en google pero lo que encontre no me funciono.

Saludos y gracias de antemano.

MoneyMan · 4 Oct 2013

Si es un div puedes usar en CSS el width a 100% y colocarle un background naranja como el ejemplo que pusiste, si es una imagen tienes que hacerla lo suficientemente grande para que abarque el ancho de la pantalla.

Enviado desde mi Grand X usando Tapatalk 4

JigSaw · 4 Oct 2013

lo estoy haciendo en html pero si lo hago como dices se distorcionaria si un usuario ve el sitio con una resolucion menor o mayor a la de los demas

MoneyMan · 4 Oct 2013

¿Podrias especificar un poco mas? Quizás mostrar la imagen y como la quieres o algo así, para ayudarte.

JigSaw · 4 Oct 2013

MoneyMan dijo:
¿Podrias especificar un poco mas? Quizás mostrar la imagen y como la quieres o algo así, para ayudarte.

algo como esto Extensions Downloads - Extensions

la imagen http://www.rockettheme.com/templates/rt_rockettheme2/images/menu-bg.png queda ajustada al ancho de la pantalla, como podria hacer para que quede asi ajustado al ancho de cualquier pantalla

MoneyMan · 4 Oct 2013

Esa imagen no se ajusta al ancho, solo que es lo suficientemente grande para abarcar todo el espacio, lo que podrías hacer ahora es crear una imagen con ese mismo tamaño.

Tokyo · 4 Oct 2013

puedes ponerle un max-width: 100% y un min-width el tamaño que consideres

Tradertian · 9 Oct 2013

JigSaw dijo:
lo estoy haciendo en html pero si lo hago como dices se distorcionaria si un usuario ve el sitio con una resolucion menor o mayor a la de los demas

Perdona, pero esto que dices no tiene mucho sentido... Si metes la imagen en un DIV y le pones el Width al 100%, el ancho de la imagen se ajustará al de la pantalla sea cual sea la resolución de pantalla del usuario que vea la página.

Si lo que quieres es evitar que, al cambiar la resolución de pantalla, la imagen quede en un sitio distinto en relación al resto del contenido de la página, podrías meter la imagen y todo el contenido de la web dentro de una tabla, y ponerle luego el Width al 100% a la tabla, para que se ajuste toda ella al ancho de la pantalla, y ajustando cada elemento del contenido a cada celda de la tabla, para que no se muevan de su sitio.