Re: [Ovillo] Dos imagenes background para un submit
¿Sería válido sin ubicar "top", "center", etc? ¡Muchas gracias!
2011/6/22 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
> escribió:
>
> > 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
Re: [Ovillo] Dos imagenes background para un submit
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
escribió:
> 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
[Ovillo] Dos backgrounds para un submit, ¿es posible?
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
[Ovillo] Dos imagenes background para un submit
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] [OT] herramientas de preview de mails HTML
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 escribió: > 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 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
Re: [Ovillo] [OT] herramientas de preview de mails HTML
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 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
[Ovillo] [OT] herramientas de preview de mails HTML
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] Cambiar dimensiones de imágenes para css queries
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
Re: [Ovillo] Cambiar dimensiones de imágenes para css queries
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
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
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
[Ovillo] Cambiar dimensiones de imágenes para css queries
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
