[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


[Ovillo] [OT] herramientas de preview de mails HTML

2011-06-22 Por tema Martin Etxauri
Saludos a todos

Ahí voy con un off topic que espero no moleste mucho :D
al fin y al cabo se trata de ver como interpreta cada cliente de mail las CSS 
que es el tema de la lista ;)

He estado mirando varias herramientas de preview de mails HTML, y por lo que he 
visto hasta ahora todas son de pago. 
¿Alguien me puede recomendar alguna en especial por algo? ¿tenéis experiencia 
con esto?

Hasta ahora me apañaba pidiendo a diferente gente con diferentes clientes de 
mail que me mandara pantallazos, pero es un poco pelma, para mi y para mis 
conocidos :)

Gracias a todos.

Martin

___
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] [OT] herramientas de preview de mails HTML

2011-06-22 Por tema Enrique Rodriguez
Para nada es OffTopic, al menos eso pienso yo. 

Yo suelo apañármelas con máquinas virtuales de los diferentes SO, pero si 
alguien da alguna indicación mejor... pues genial. 

Un abrazo. 

--
Enrique Rodríguez Vallejo
http://conjeturas.es
http://ervdesign.net
Enviado desde mi iPhone

El 22/06/2011, a las 14:29, Martin Etxauri t...@eragin.com escribió:

 Saludos a todos
 
 Ahí voy con un off topic que espero no moleste mucho :D
 al fin y al cabo se trata de ver como interpreta cada cliente de mail las CSS 
 que es el tema de la lista ;)
 
 He estado mirando varias herramientas de preview de mails HTML, y por lo que 
 he visto hasta ahora todas son de pago. 
 ¿Alguien me puede recomendar alguna en especial por algo? ¿tenéis experiencia 
 con esto?
 
 Hasta ahora me apañaba pidiendo a diferente gente con diferentes clientes de 
 mail que me mandara pantallazos, pero es un poco pelma, para mi y para mis 
 conocidos :)
 
 Gracias a todos.
 
 Martin
 
 ___
 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] [OT] herramientas de preview de mails HTML

2011-06-22 Por tema Andrés gutiérrez
MailChimp es una compañia que se dedica al email masivo. Te puedes hacer una
cuenta free con ellos. Tienen una herramienta para testar las maquetaciones
de tus emails.
Aunque siempre es mejor hacerlo de forma nativa

El 22 de junio de 2011 14:53, Enrique Rodriguez bossp...@gmail.comescribió:

 Para nada es OffTopic, al menos eso pienso yo.

 Yo suelo apañármelas con máquinas virtuales de los diferentes SO, pero si
 alguien da alguna indicación mejor... pues genial.

 Un abrazo.

 --
 Enrique Rodríguez Vallejo
 http://conjeturas.es
 http://ervdesign.net
 Enviado desde mi iPhone

 El 22/06/2011, a las 14:29, Martin Etxauri t...@eragin.com escribió:

  Saludos a todos
 
  Ahí voy con un off topic que espero no moleste mucho :D
  al fin y al cabo se trata de ver como interpreta cada cliente de mail las
 CSS que es el tema de la lista ;)
 
  He estado mirando varias herramientas de preview de mails HTML, y por lo
 que he visto hasta ahora todas son de pago.
  ¿Alguien me puede recomendar alguna en especial por algo? ¿tenéis
 experiencia con esto?
 
  Hasta ahora me apañaba pidiendo a diferente gente con diferentes clientes
 de mail que me mandara pantallazos, pero es un poco pelma, para mi y para
 mis conocidos :)
 
  Gracias a todos.
 
  Martin
 
  ___
  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

___
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


[Ovillo] Dos backgrounds para un submit, ¿es posible?

2011-06-22 Por tema Marina Gallardo
Muy buenas. Tengo una duda y no sé si es posible hacerlo... Quiero incluir
dos imágenes en un mismo submit únicamente con CSS, una que haga de
gradiente y otra que contenga un icono. Me interesa que salga en Chrome.
¿Sabéis cómo sería posible? La única cosa que se me ocurre es posicionar el
icono aparte en un div... y hacerlo relativo al submit, pero esto ya lo sé
hacer... Lo curioso sería poder meter las dos imágenes. Igual no es posible
y ya está...

Os dejo el código de referencia:

#delete {
float: right;
background-repeat: no-repeat;
background-position: 10px;
width: 126px;
background-image: image-url(icons/delete_button.png);
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0.28, white), color-stop(1, lightGrey));
}

Muchas gracias.
___
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] Dos imagenes background para un submit

2011-06-22 Por tema Gerardo Oscar Jimenez Tornos
http://www.treeweb.es/TreeWeb/Articulos/HTML-y-CSS/Varias-imagenes-de-fondo-con-CSS-3



El 22 de junio de 2011 18:11, Marina Gallardo
marinagalla...@gmail.comescribió:

 Muy buenas. Tengo una duda y no sé si es posible hacerlo... Quiero incluir
 dos imágenes en un mismo submit únicamente con CSS, una que haga de
 gradiente y otra que contenga un icono. Me interesa que salga en Chrome.
 ¿Sabéis cómo sería posible? La única cosa que se me ocurre es posicionar el
 icono aparte en un div... y hacerlo relativo al submit, pero esto ya lo
 sé
 hacer... Lo curioso sería poder meter las dos imágenes. Igual no es posible
 y ya está...

 Os dejo el código de referencia:

#delete {
float: right;
background-repeat: no-repeat;
background-position: 10px;
width: 126px;
background-image: image-url(icons/delete_button.png);
background-image: -webkit-gradient(linear, left top, left bottom,
 color-stop(0.28, white), color-stop(1, lightGrey));
}

 Muchas gracias.
 ___
 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] Dos imagenes background para un submit

2011-06-22 Por tema Marina Gallardo
¿Sería válido sin ubicar top, center, etc? ¡Muchas gracias!

2011/6/22 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com


 http://www.treeweb.es/TreeWeb/Articulos/HTML-y-CSS/Varias-imagenes-de-fondo-con-CSS-3



 El 22 de junio de 2011 18:11, Marina Gallardo
 marinagalla...@gmail.comescribió:

  Muy buenas. Tengo una duda y no sé si es posible hacerlo... Quiero
 incluir
  dos imágenes en un mismo submit únicamente con CSS, una que haga de
  gradiente y otra que contenga un icono. Me interesa que salga en Chrome.
  ¿Sabéis cómo sería posible? La única cosa que se me ocurre es posicionar
 el
  icono aparte en un div... y hacerlo relativo al submit, pero esto ya lo
  sé
  hacer... Lo curioso sería poder meter las dos imágenes. Igual no es
 posible
  y ya está...
 
  Os dejo el código de referencia:
 
 #delete {
 float: right;
 background-repeat: no-repeat;
 background-position: 10px;
 width: 126px;
 background-image: image-url(icons/delete_button.png);
 background-image: -webkit-gradient(linear, left top, left bottom,
  color-stop(0.28, white), color-stop(1, lightGrey));
 }
 
  Muchas gracias.
  ___
  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

___
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