Re: [Ovillo] Degradado CSS
Hola, Lo siento, pero no se puede modificar el tamaño de una imagen de fondo de CSS. Tendrás que buscar otra técnica para realizar el efecto que deseas. ¿Has pensado en usar una imagen en HTML con height:100% y luego poner el contenido posicionado de forma absoluta sobre la imagen? Daniel G. Blázquez 2008/2/11, Joseba [EMAIL PROTECTED]: Alo! Tengo un problemilla con un degradado en CSS El caso es que tengo una caja con un degradado de arriba abajo. El problema esta en que el alto de la caja es dinamico y no se como hacer para q este degrado se estire hacia abajo cuando la caja crece en altura ya q es una imagen de fondo q se repite a lo ancho. 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] Degradado CSS
Supongo que no, pero no te da igual que el degradado sea de izquiera a derecha. De esta manera podrías tener una imagen que se repitiera en el eje y y ocupara todo el ancho de la caja. - Mensaje original De: Daniel G. Blázquez [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: sábado, 23 de febrero, 2008 18:01:20 Asunto: Re: [Ovillo] Degradado CSS Hola, Lo siento, pero no se puede modificar el tamaño de una imagen de fondo de CSS. Tendrás que buscar otra técnica para realizar el efecto que deseas. ¿Has pensado en usar una imagen en HTML con height:100% y luego poner el contenido posicionado de forma absoluta sobre la imagen? Daniel G. Blázquez 2008/2/11, Joseba [EMAIL PROTECTED]: Alo! Tengo un problemilla con un degradado en CSS El caso es que tengo una caja con un degradado de arriba abajo. El problema esta en que el alto de la caja es dinamico y no se como hacer para q este degrado se estire hacia abajo cuando la caja crece en altura ya q es una imagen de fondo q se repite a lo ancho. 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 __ ¿Con Mascota por primera vez? Sé un mejor Amigo. Entra en Yahoo! Respuestas http://es.answers.yahoo.com/info/welcome ___ 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] Degradado CSS
No sé si Tei se refería a esto, pero podrías poner 2 imágenes, una con degradado de abajo hacia arriba y otra de arriba hacia abajo. Digamos que el degradado es de blanco a negro (blacno arriba y negro abajo). Tienes dos imágenes: una de blanco a gris y otra de gris a negro, donde en ambas la parte gris tiene 0 de opacidad, o sea que además de ser un degradado de color es uno de opacidad, que en un caso va del 100% al 0% y en el otro del 0% al 100%. Bien, entonces tienes una caja de altura variable con la primer imágen de fondo, alineado arriba y un fondo de color gris. Luego tienes otra caja, dentro de esa, con el segndo fondo, el que termina en negro, alineado abajo (background-align: left bottom;) Entonces siempre va a ser negro arriba y blanco abajo, con un degradé que puede variar de ser perfecto a tener un gran pedazo gris en el medio. Además el contenedor debería tener un min-height que sea mayor a la altura de las imágenes, digamos un 20% más, para que permita una superposición de las dos imágenes. Es muy complejo y seguro que se ve horrible, pero es la única solución que se me ocurre. Martín. El día 28/02/08, Patricia Espaÿfff1a [EMAIL PROTECTED] escribió: Supongo que no, pero no te da igual que el degradado sea de izquiera a derecha. De esta manera podrías tener una imagen que se repitiera en el eje y y ocupara todo el ancho de la caja. - Mensaje original De: Daniel G. Blázquez [EMAIL PROTECTED] Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: sábado, 23 de febrero, 2008 18:01:20 Asunto: Re: [Ovillo] Degradado CSS Hola, Lo siento, pero no se puede modificar el tamaño de una imagen de fondo de CSS. Tendrás que buscar otra técnica para realizar el efecto que deseas. ¿Has pensado en usar una imagen en HTML con height:100% y luego poner el contenido posicionado de forma absoluta sobre la imagen? Daniel G. Blázquez 2008/2/11, Joseba [EMAIL PROTECTED]: Alo! Tengo un problemilla con un degradado en CSS El caso es que tengo una caja con un degradado de arriba abajo. El problema esta en que el alto de la caja es dinamico y no se como hacer para q este degrado se estire hacia abajo cuando la caja crece en altura ya q es una imagen de fondo q se repite a lo ancho. 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 __ ¿Con Mascota por primera vez? Sé un mejor Amigo. Entra en Yahoo! Respuestas http://es.answers.yahoo.com/info/welcome ___ 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] Degradado CSS
No, no me referia a eso. No se me habia ocurrido lo que comentas, y es _muy interesante_. Con tu idea se pueden hacer degradados que de otra manera seria imposibles. De todos modos usar alfa siempre es un peligro, porque come mucha CPU. 2008/2/28 Martin Szyszlican [EMAIL PROTECTED]: No sé si Tei se refería a esto, pero podrías poner 2 imágenes, una con degradado de abajo hacia arriba y otra de arriba hacia abajo. Digamos que el degradado es de blanco a negro (blacno arriba y negro abajo). Tienes dos imágenes: una de blanco a gris y otra de gris a negro, donde en ambas la parte gris tiene 0 de opacidad, o sea que además de ser un degradado de color es uno de opacidad, que en un caso va del 100% al 0% y en el otro del 0% al 100%. Bien, entonces tienes una caja de altura variable con la primer imágen de fondo, alineado arriba y un fondo de color gris. Luego tienes otra caja, dentro de esa, con el segndo fondo, el que termina en negro, alineado abajo (background-align: left bottom;) Entonces siempre va a ser negro arriba y blanco abajo, con un degradé que puede variar de ser perfecto a tener un gran pedazo gris en el medio. Además el contenedor debería tener un min-height que sea mayor a la altura de las imágenes, digamos un 20% más, para que permita una superposición de las dos imágenes. Es muy complejo y seguro que se ve horrible, pero es la única solución que se me ocurre. Martín. ___ 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] Degradado CSS
On Feb 11, 2008 5:44 AM, Joseba [EMAIL PROTECTED] wrote: Alo! El caso es que tengo una caja con un degradado de arriba abajo. El problema esta en que el alto de la caja es dinamico y no se como hacer para q este degrado se estire hacia abajo cuando la caja crece en altura ya q es una imagen de fondo q se repite a lo ancho. Como la imagen es un bitmap, y (que yo sepa) los backgrounds no se pueden estirar, lo unico que se me ocurre que puedes hacer es crear el degradado mucho mas largo de lo que lo necesites, de modo que si la caja se estira mas en unos sitios, y menos en otros, en todos los casos el degradado no se repita ni se corte abruptamente. En algunos casos se puede tambien hacer que el degradado acabe en el mismo color de fondo, y luego ajustar que no se repita. Imagino que se puede hackear para conseguir que un degradado empiece en un color y acabe siempre en el mismo. Haciendo cosas como poner una imagen flotando por abajo, y el contenido flotando por arriba. Como si fuera un falso background. Pero las posibilidades de que esto de problemas son enormes, y ademas implica añadir html, que no va a tener ningun significado semantico. Es puro hack html. Creo que nadie lo hace. Y ademas, si tu degradado tiene pocos colores y lo estiras mucho, se terminaran viendo las franjas. Y ademas no es esteticamente agradable que el degradado se estire, me parece. Asi que simplemente haz lo primero: una imagen mucho mas larga de lo que necesitas. (quizas de un pixel de ancho). ___ 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] Degradado CSS
Hola Jpseba. Mas bien dices poco, pero por lo que entiendo, veamos. Si la imagen de fondo tiene 600px (por ejemplo) a partir de ahi cuando la caja se estire ya no se vera la imagen , a no ser que tambien se repita-y, pero si es un degradado el efecto no creo que sea el deseado. Puedes simular la diferencia del degradado con un color de fondo acorde al degradado. Tampoco creo que sea lo que pides. ¿HAs pensado en poner como backgroun:fixed,? No se si va por ahi la cosa. Espero te oriente. 2008/2/11, Joseba [EMAIL PROTECTED]: Alo! Tengo un problemilla con un degradado en CSS El caso es que tengo una caja con un degradado de arriba abajo. El problema esta en que el alto de la caja es dinamico y no se como hacer para q este degrado se estire hacia abajo cuando la caja crece en altura ya q es una imagen de fondo q se repite a lo ancho. 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] Degradado CSS
Alo! Tengo un problemilla con un degradado en CSS El caso es que tengo una caja con un degradado de arriba abajo. El problema esta en que el alto de la caja es dinamico y no se como hacer para q este degrado se estire hacia abajo cuando la caja crece en altura ya q es una imagen de fondo q se repite a lo ancho. 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] DEGRADADO CSS
Hola!.. He encontrado esta instrucción que me fascinó: filter:Alpha(Opacity=100, FinishOpacity=40, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%) ¡¡pero FF la ignora!!, alguien sabe que pasa? 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] DEGRADADO CSS
On Wed, 12 Apr 2006 19:42:14 -0300, Benitez Soto, Erika Patricia [EMAIL PROTECTED] wrote: filter ¡¡pero FF la ignora!!, alguien sabe que pasa? Propietaria de Microsoft. Use Internet Explorer para una mejor experiencia gráfica. :P -- Federico MP http://511.dabomb.com.ar Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ___ 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://ovillo.org/mailman/listinfo/ovillo
