[Ovillo] Cambiar dimensiones de imágenes para css queries

2011-06-22 Por tema AngelPSan
Hola, tengo un problema al cambiar las dimensiones de las imágenes según el 
dispositivo, es decir al utilizar css queries y tener que cambiar las 
dimensiones de las imágenes utilizo max-width: 320px;   pero esto me ajusta el 
ancho y no la altura , así que la imagen se deforma, y si le pongo un height 
debería ponerle a cada imagen uno y no puedo hacerlo para todas las imágenes a 
la vez, no se si me he explicado, hay alguna forma de que la imagen se 
re-dimensione sin deformarse?


Muchas gracias



m4tik
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar dimensiones de imágenes para css queries

2011-06-22 Por tema Martin Etxauri
Hola, para según que cosas no es muy apropiado, pero si no le pones height a la 
imagen en ningún lado, ni siquiera en el tag img, en principio debería 
mantenerse proporcional al width que tenga.

saludos


El 22/06/2011, a las 12:25, AngelPSan escribió:

 Hola, tengo un problema al cambiar las dimensiones de las imágenes según el 
 dispositivo, es decir al utilizar css queries y tener que cambiar las 
 dimensiones de las imágenes utilizo max-width: 320px;   pero esto me ajusta 
 el ancho y no la altura , así que la imagen se deforma, y si le pongo un 
 height debería ponerle a cada imagen uno y no puedo hacerlo para todas las 
 imágenes a la vez, no se si me he explicado, hay alguna forma de que la 
 imagen se re-dimensione sin deformarse?
 
 
 Muchas gracias
 
 
 
 m4tik
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo
 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar dimensiones de imágenes para css queries

2011-06-22 Por tema AngelPSan
Hola de nuevo, si le pongo solo un ancho a la imagen en el estilo normal , 
cuando le aplico el max-width: 300px; al estilo para los teléfonos (por 
ejemplo), me distorsiona la imagen, al ancho me lo respeta y se queda a un 
máximo de 300 px pero la altura no es proporcional. También he probado con 
porcentajes y no hay manera . ;(




Gracias



M4tik
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar dimensiones de imágenes para css queries

2011-06-22 Por tema Jesús Olazagoitia
Hola, Prueba con esto 

img {
max-width: 320px;
height: auto;
-ms-interpolation-mode: bicubic; /* ie6 y ie7 */
}

saludos

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar dimensiones de imágenes para css queries

2011-06-22 Por tema AngelPSan
Hola de nuevo , he probado el código que me ha mandado Jesús y funciona;

En concreto ...


img.portfolio_img {
max-width: 320px;
height: auto;
-ms-interpolation-mode: bicubic; /* ie6 y ie7 */

}



Muchas gracias por tu ayuda Jesus,


M4tik
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo