Re: [Ovillo] Centrar Verticalmente
Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo? He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.css Tu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED]: Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices, no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea elalto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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 -- _ Leandro Asrilevich Web Multimedia Developer Movil: +54 (11) 15 6161-9998 Tel: +54 (11) 4304-3779 Web: www.beastx.com.ar MSN: [EMAIL PROTECTED] Skype User: leandro.asrilevichSolis 1785 PB B San Cristobal - Capital Federal Buenos Aires - Argentina ___ 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 _ Tecnología, moda, motor, viajes,…suscríbete a nuestros boletines para estar siempre a la última Guapos y guapas, clips musicales y estrenos de cine. ___ 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
Re: [Ovillo] Centrar Verticalmente
Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores de background-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]: Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo? He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED]: Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices, no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea elalto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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 -- _ Leandro Asrilevich Web Multimedia Developer Movil: +54 (11) 15 6161-9998 Tel: +54 (11) 4304-3779 Web: www.beastx.com.ar MSN: [EMAIL PROTECTED] Skype User: leandro.asrilevichSolis 1785 PB B San Cristobal - Capital Federal Buenos Aires - Argentina ___ 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] Centrar Verticalmente
Abigail, probaste ponerle un alto del 40% al div logo y 60% al div mesa ? y cambiar la posicion horizontal del fondo ? 2008/1/28 Leandro Asrilevich [EMAIL PROTECTED]: mandame un jpg de como deberia quedar y te mando el code html andando 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]: A ver si logro explicarte: La imagen que querría que siempre se mantuviera abajo es la de la mesa (que sube hasta la última bombilla más arriba), la he llamado office_dwn. Luego, la imagen del logo (con el principio de los cables) llamada office_up, debe estar siempre arriba. Ésto no da problemas. Luego tengo de fondo del contenedor una imagen de unos 15px de alto con sólo los cables. Éste fondo se repite, y es para completar el gráfico una vez que se estira. Esta es la teoría... Date: Mon, 28 Jan 2008 12:03:28 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente cual es la imagen que deberia estar abajo?... mire tu ejemplo pero no logre entender eso.. contame unpoco mas y te ayudo a terminarlo 2008/1/28 Lucas Franco [EMAIL PROTECTED]: Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores de background-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo? He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED] : Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices,no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea elaltode la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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
Re: [Ovillo] Centrar Verticalmente
mandame un jpg de como deberia quedar y te mando el code html andando 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]: A ver si logro explicarte: La imagen que querría que siempre se mantuviera abajo es la de la mesa (que sube hasta la última bombilla más arriba), la he llamado office_dwn. Luego, la imagen del logo (con el principio de los cables) llamada office_up, debe estar siempre arriba. Ésto no da problemas. Luego tengo de fondo del contenedor una imagen de unos 15px de alto con sólo los cables. Éste fondo se repite, y es para completar el gráfico una vez que se estira. Esta es la teoría... Date: Mon, 28 Jan 2008 12:03:28 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente cual es la imagen que deberia estar abajo?... mire tu ejemplo pero no logre entender eso.. contame unpoco mas y te ayudo a terminarlo 2008/1/28 Lucas Franco [EMAIL PROTECTED]: Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores de background-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo? He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED] : Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices,no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea elaltode la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ Lista de distribución
Re: [Ovillo] Centrar Verticalmente
A ver si logro explicarte: La imagen que querría que siempre se mantuviera abajo es la de la mesa (que sube hasta la última bombilla más arriba), la he llamado office_dwn. Luego, la imagen del logo (con el principio de los cables) llamada office_up, debe estar siempre arriba. Ésto no da problemas. Luego tengo de fondo del contenedor una imagen de unos 15px de alto con sólo los cables. Éste fondo se repite, y es para completar el gráfico una vez que se estira. Esta es la teoría... Date: Mon, 28 Jan 2008 12:03:28 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente cual es la imagen que deberia estar abajo?... mire tu ejemplo pero no logre entender eso.. contame unpoco mas y te ayudo a terminarlo 2008/1/28 Lucas Franco [EMAIL PROTECTED]: Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores de background-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo? He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED] : Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices,no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea elaltode la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más,en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo
Re: [Ovillo] Centrar Verticalmente
cual es la imagen que deberia estar abajo?... mire tu ejemplo pero no logre entender eso.. contame unpoco mas y te ayudo a terminarlo 2008/1/28 Lucas Franco [EMAIL PROTECTED]: Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores de background-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]: Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo? He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED] : Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices, no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea elalto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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 -- _ Leandro Asrilevich Web Multimedia Developer Movil: +54 (11) 15 6161-9998 Tel: +54 (11) 4304-3779 Web: www.beastx.com.ar MSN: [EMAIL PROTECTED] Skype User: leandro.asrilevichSolis 1785 PB B San Cristobal - Capital Federal Buenos Aires - Argentina ___ 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] Centrar Verticalmente
Muchas gracias, Leandro, no hay prisa. Date: Mon, 28 Jan 2008 13:28:59 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente ok.. dame unas horas que ahora no puedo verlo, pero mas tarde te lo armo y te lo envio 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]: Lucas: Si, he probado, sin resultado. Leandro: Como debería quedar ya lo puedes ver en la web (sólo que lo hice recurriendo a insertar un párrafo vacío para estirar la capa)Por ejemplo: http://www.abbyrodd.com/comotrabajo.htm ves que esa sección tiene bastante texto, y que la imagen de la izquierda se estira para que la mesa quede abajo. Saludos, Abby Date: Mon, 28 Jan 2008 12:45:43 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente Abigail, probaste ponerle un alto del 40% al div logo y 60% al div mesa ? y cambiar la posicion horizontal del fondo ? 2008/1/28 Leandro Asrilevich [EMAIL PROTECTED]: mandame un jpg de como deberia quedar y te mando el code html andando 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:A ver si logro explicarte: La imagen que querría que siempre se mantuviera abajo es la de la mesa (que sube hasta la última bombilla más arriba), la he llamado office_dwn.Luego, la imagen del logo (con el principio de los cables) llamadaoffice_up, debe estar siempre arriba. Ésto no da problemas. Luego tengo de fondo del contenedor una imagen de unos 15px de alto con sólo los cables. Éste fondo se repite, y es para completar el gráfico unavez que se estira. Esta es la teoría... Date: Mon, 28 Jan 2008 12:03:28 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente cual es la imagen que deberia estar abajo?... mire tu ejemplo pero no logre entender eso.. contame unpoco mas y te ayudo a terminarlo 2008/1/28 Lucas Franco [EMAIL PROTECTED]: Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores de background-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:Heprobado el código que me has dado, pero no sé qué falla. La capamesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo?He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez[EMAIL PROTECTED] : Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices,no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola
Re: [Ovillo] Centrar Verticalmente
ok.. dame unas horas que ahora no puedo verlo, pero mas tarde te lo armo y te lo envio 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]: Lucas: Si, he probado, sin resultado. Leandro: Como debería quedar ya lo puedes ver en la web (sólo que lo hice recurriendo a insertar un párrafo vacío para estirar la capa)Por ejemplo: http://www.abbyrodd.com/comotrabajo.htm ves que esa sección tiene bastante texto, y que la imagen de la izquierda se estira para que la mesa quede abajo. Saludos, Abby Date: Mon, 28 Jan 2008 12:45:43 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente Abigail, probaste ponerle un alto del 40% al div logo y 60% al div mesa ? y cambiar la posicion horizontal del fondo ? 2008/1/28 Leandro Asrilevich [EMAIL PROTECTED]: mandame un jpg de como deberia quedar y te mando el code html andando 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:A ver si logro explicarte: La imagen que querría que siempre se mantuviera abajo es la de la mesa (que sube hasta la última bombilla más arriba), la he llamado office_dwn. Luego, la imagen del logo (con el principio de los cables) llamada office_up, debe estar siempre arriba. Ésto no da problemas. Luego tengo de fondo del contenedor una imagen de unos 15px de alto con sólo los cables. Éste fondo se repite, y es para completar el gráfico una vez que se estira. Esta es la teoría... Date: Mon, 28 Jan 2008 12:03:28 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente cual es la imagen que deberia estar abajo?... mire tu ejemplo pero no logre entender eso.. contame unpoco mas y te ayudo a terminarlo 2008/1/28 Lucas Franco [EMAIL PROTECTED]: Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores debackground-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo?He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva con el logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez[EMAIL PROTECTED] : Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices,no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] noconsigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una
Re: [Ovillo] Centrar Verticalmente
Lucas: Si, he probado, sin resultado. Leandro: Como debería quedar ya lo puedes ver en la web (sólo que lo hice recurriendo a insertar un párrafo vacío para estirar la capa)Por ejemplo: http://www.abbyrodd.com/comotrabajo.htm ves que esa sección tiene bastante texto, y que la imagen de la izquierda se estira para que la mesa quede abajo. Saludos, Abby Date: Mon, 28 Jan 2008 12:45:43 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente Abigail, probaste ponerle un alto del 40% al div logo y 60% al div mesa ? y cambiar la posicion horizontal del fondo ? 2008/1/28 Leandro Asrilevich [EMAIL PROTECTED]: mandame un jpg de como deberia quedar y te mando el code html andando 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:A ver si logro explicarte: La imagen que querría que siempre se mantuviera abajo es la de la mesa (que sube hasta la última bombilla más arriba), la he llamado office_dwn. Luego, la imagen del logo (con el principio de los cables) llamada office_up, debe estar siempre arriba. Ésto no da problemas. Luego tengo de fondo del contenedor una imagen de unos 15px de alto con sólo los cables. Éste fondo se repite, y es para completar el gráfico una vez que se estira. Esta es la teoría... Date: Mon, 28 Jan 2008 12:03:28 -0200 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente cual es la imagen que deberia estar abajo?... mire tu ejemplo pero no logre entender eso.. contame unpoco mas y te ayudo a terminarlo 2008/1/28 Lucas Franco [EMAIL PROTECTED]: Abigail, el no repeat es un error mio (Tengo que dejar de usar CP:), a todo esto aclaro soy al nuevo en el asunto en CSS. El sinchchillo, es el contenedor, es un chiste que siempre hago y se me quedo impregnado :D. El alto , yo lo probaria con un 50% para cada uno o 40% el de arriba y 60% el de bajo. En cuanto a la descolocacion probaste jugar con los valores debackground-position?. Saludos desde Argentina. 2008/1/28 Abigail Rodríguez [EMAIL PROTECTED]:Hola, sé que este tema es de hace días, pero no he tenido tiempo de responder hasta ahora. Lucas:He probado el código que me has dado, pero no sé qué falla. La capa mesa se descoloca y no se alinea abajo.Creo que no lo entiendo del todo: ¿Por qué pones no-repeat al fondo de la capa logo?He quitado esto. Luego, no sé qué porcentaje darle ala capa logo, y a mesa le he puesto el alto fijo de la imagen de fondo, porque siempre debería tener este alto ¿no?Lo he colgado aquí: http://www.abbyrodd.com/prueba.htmY http://www.abbyrodd.com/css/prueba.cssTu sincuchillo es el cuerpo, que sólo le he cambiado el ancho, y mesaylogo es mi office.Si ves qué es lo que está mal, te lo agradezco.Leandro:Probé tu código, pero la imagen con clase .abajo se descoloca. Puedes ver el resultado aquí: http://www.abbyrodd.com/prueba2.htm¿Quizá hay algo más que le afecta?Hari:Con lo que me dices hice lo siguiente: una imagen nueva conel logo y los cables, bastante alta (unos 600 px) como fondo de la capa, y dentro un div nuevo llamado mesa con la imagen de la mesa de fondo, que intento alinear abajo... pero no lo consigo. Lo he colgado aquí: http://www.abbyrodd.com/prueba3.htmBueno, muchas gracias a todos por las respuestas y la paciencia!!Yo casi me rindo, no me parece que para este asunto merezca la pena tanta ¡¡¡complicación!!! al menos en este caso. Saludos,Abby P.D: pues ya empieza a hacer frío por aquí, si. Pero Islandia tiene un paisaje increible. Os recomiendo la visita :-) Date: Fri, 25 Jan 2008 10:44:46 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Centrar Verticalmente lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez[EMAIL PROTECTED] : Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices,no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea
Re: [Ovillo] Centrar Verticalmente
Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices, no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea el alto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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] Centrar Verticalmente
te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED]: Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices, no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea el alto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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 -- _ Leandro Asrilevich Web Multimedia Developer Movil: +54 (11) 15 6161-9998 Tel: +54 (11) 4304-3779 Web: www.beastx.com.ar MSN: [EMAIL PROTECTED] Skype User: leandro.asrilevich Solis 1785 PB B San Cristobal - Capital Federal Buenos Aires - Argentina ___ 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] Centrar Verticalmente
lo mismo digo. 2008/1/25 Leandro Asrilevich [EMAIL PROTECTED]: te respondi como hacerlo con un alto variable.. fijate en los correos unos dias atras 2008/1/25 Abigail Rodríguez [EMAIL PROTECTED]: Gracias por tu respuesta Rodrigo. Conseguí alinear en vertical pero teniendo un alto concreto en la capa contenedora y además, como dices, no funcionaba en IE. Saludos, Abby Date: Thu, 24 Jan 2008 11:27:08 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: [Ovillo] Centrar Verticalmente Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea el alto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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 -- _ Leandro Asrilevich Web Multimedia Developer Movil: +54 (11) 15 6161-9998 Tel: +54 (11) 4304-3779 Web: www.beastx.com.ar MSN: [EMAIL PROTECTED] Skype User: leandro.asrilevich Solis 1785 PB B San Cristobal - Capital Federal Buenos Aires - Argentina ___ 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] Centrar Verticalmente
Hola, Abigail Abigail Rodríguez escribió: [...] no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea el alto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. Que yo sepa no puedes alinear en vertical, a no ser que el elemento contenedor tenga un display:block; y un line-height. Es más, en Internet Explorer tendrás que recurrir a JavaScript. Te pongo un ejemplo, echa un vistazo al código: http://www.alvarezvirgos.es/pruebas.html ___ 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] Centrar verticalmente input type radio
No XD eso no, pero haber si entiendo: tu quieres esto?
__
| |
| |
| X X |
| |
|_|
asi que he hecho de este modo sin complicaciones ten encuenta que el
LI engloba todo por eso creo que la medida mejor darsela al LI que al
LABEL
style
* {margin:0; padding:0;}
form{
line-height:100%;/*optativo*/
}
ul{
list-style: none;
width: 220px;line-height:220px;/*centra lista V*/
}
li{
width: 70px;line-height:50px;height: 50px;/*centraLI v*/
display: block;
float: left;
border: 1px solid green;
text-aling:center;/* si los quieres en el centro, optativo*/
}
img{ vertical-align:middle;}/*importante centra el texto con respecto
a la imagen*/
label{
/* label, según el height de la imagen contenida *//*yo los usaria
solo para adornos*/
border: 1px solid blue; }
label * { border: 1px solid red;
}
imput{ }/style
Bueno, a ver si asi lo arreglas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias por tu ayuda, Jaume!
He trabajado un poco a partir de tu código. Va bastante bien y, de
hecho, puedo una única lista para toda la tabla, así que no haría
falta una lista para cada fila, ya que los li tienen el float: left.
Con tu código consigo centrar verticalmente el contenido de cada li
por separado: el input type=radio y su img correspondiente (ambos
dentro de un label) aparecen centrados verticalmente.
De todas formas, no se centra verticalmente el conjunto de la lista.
Supongo que habría que hacerlo elemento a elemento, según el tamaño que
vaya a tener cada uno.
Como me explico bastante mal, pongo el ejemplo (los tamaños son lo de
menos y los bordes son para verlo más claro). Sólo hace falta una imagen
que se llame r.gif para el ejemplo:
CSS:
* {margin:0; padding:0;}
ul{
list-style: none;
width: 220px;
}
li{
width: 70px;
height: 50px;
display: block;
float: left;
border: 1px solid green;
}
label{
position: relative;
top: 25px; /* esto tendría que ser diferente para cada */
margin-top: -25px; /* label, según el height de la imagen contenida */
display:block;
border: 1px solid blue;
}
label * {
vertical-align: middle;
border: 1px solid red;
}
HTML:
form
fieldset
legendLorem ipsum/legend
ul
lilabel for=a1input type=radio id=a1 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a2input type=radio id=a2 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a3input type=radio id=a3 /img src=r.gif
width=15 height=25 alt=... //label/li
lilabel for=a4input type=radio id=a4 /img src=r.gif
width=15 height=20 alt=... //label/li
lilabel for=a5input type=radio id=a5 /img src=r.gif
width=35 height=15 alt=... //label/li
lilabel for=a6input type=radio id=a6 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a7input type=radio id=a7 /img src=r.gif
width=20 height=20 alt=... //label/li
lilabel for=a8input type=radio id=a8 /img src=r.gif
width=15 height=15 alt=... //label/li
/ul
/fieldset
/form
Visto lo visto, si nadie sabe de una solución mágica (o de una forma
diferente de marcar el conjunto de radiobuttons horizontal), me veré
obligado a maquetarlo con tablas ;-)
Un saludo!
Gael
jaume op escribió:
Deberias dar medidas pero mira asi:
style
* {margin:0; padding:0;}
ul{ /*creo la tabla*/
display:block;
width:600px;
list-style:none;
}
li{/*medidas para las celdas*/
width:150px;
height:50px;
display:blok;
float:left;
line-height:100%;
}
img{
vertical-align:middle;
}
/style
/***/
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
Pon tantas Ul como filas y los LI como columnas (por ejemplo 4ul y 5
li), para hacer una tabla de 4 columnas y cinco filas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla, pero no son datos tabulares, son una
lista de opciones para escoger una). Por eso quiero que me queden
centrados verticalmente el input y el img dentro del label.
Gracias de nuevo
Un saludo
Gael
jaume op escribió:
Se me ocurre una cosa asi
Re: [Ovillo] Centrar verticalmente input type radio
Estoy intentando salir de mi asombro. Cuando lo consiga, trataré de
entender cómo lo has conseguido. De momento te doy las gracias por
adelantado :). Es broma, todo perfecto y entendido. Muchas gracias por
tu ayuda, Jaume!
Un abrazo.
Gael
jaume op escribió:
No XD eso no, pero haber si entiendo: tu quieres esto?
__
| |
| |
| X X |
| |
|_|
asi que he hecho de este modo sin complicaciones ten encuenta que el
LI engloba todo por eso creo que la medida mejor darsela al LI que al
LABEL
style
* {margin:0; padding:0;}
form{
line-height:100%;/*optativo*/
}
ul{
list-style: none;
width: 220px;line-height:220px;/*centra lista V*/
}
li{
width: 70px;line-height:50px;height: 50px;/*centraLI v*/
display: block;
float: left;
border: 1px solid green;
text-aling:center;/* si los quieres en el centro, optativo*/
}
img{ vertical-align:middle;}/*importante centra el texto con respecto
a la imagen*/
label{
/* label, según el height de la imagen contenida *//*yo los usaria
solo para adornos*/
border: 1px solid blue; }
label * { border: 1px solid red;
}
imput{ }/style
Bueno, a ver si asi lo arreglas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias por tu ayuda, Jaume!
He trabajado un poco a partir de tu código. Va bastante bien y, de
hecho, puedo una única lista para toda la tabla, así que no haría
falta una lista para cada fila, ya que los li tienen el float: left.
Con tu código consigo centrar verticalmente el contenido de cada li
por separado: el input type=radio y su img correspondiente (ambos
dentro de un label) aparecen centrados verticalmente.
De todas formas, no se centra verticalmente el conjunto de la lista.
Supongo que habría que hacerlo elemento a elemento, según el tamaño que
vaya a tener cada uno.
Como me explico bastante mal, pongo el ejemplo (los tamaños son lo de
menos y los bordes son para verlo más claro). Sólo hace falta una imagen
que se llame r.gif para el ejemplo:
CSS:
* {margin:0; padding:0;}
ul{
list-style: none;
width: 220px;
}
li{
width: 70px;
height: 50px;
display: block;
float: left;
border: 1px solid green;
}
label{
position: relative;
top: 25px; /* esto tendría que ser diferente para cada */
margin-top: -25px; /* label, según el height de la imagen contenida */
display:block;
border: 1px solid blue;
}
label * {
vertical-align: middle;
border: 1px solid red;
}
HTML:
form
fieldset
legendLorem ipsum/legend
ul
lilabel for=a1input type=radio id=a1 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a2input type=radio id=a2 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a3input type=radio id=a3 /img src=r.gif
width=15 height=25 alt=... //label/li
lilabel for=a4input type=radio id=a4 /img src=r.gif
width=15 height=20 alt=... //label/li
lilabel for=a5input type=radio id=a5 /img src=r.gif
width=35 height=15 alt=... //label/li
lilabel for=a6input type=radio id=a6 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a7input type=radio id=a7 /img src=r.gif
width=20 height=20 alt=... //label/li
lilabel for=a8input type=radio id=a8 /img src=r.gif
width=15 height=15 alt=... //label/li
/ul
/fieldset
/form
Visto lo visto, si nadie sabe de una solución mágica (o de una forma
diferente de marcar el conjunto de radiobuttons horizontal), me veré
obligado a maquetarlo con tablas ;-)
Un saludo!
Gael
jaume op escribió:
Deberias dar medidas pero mira asi:
style
* {margin:0; padding:0;}
ul{ /*creo la tabla*/
display:block;
width:600px;
list-style:none;
}
li{/*medidas para las celdas*/
width:150px;
height:50px;
display:blok;
float:left;
line-height:100%;
}
img{
vertical-align:middle;
}
/style
/***/
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
Pon tantas Ul como filas y los LI como columnas (por ejemplo 4ul y 5
li), para hacer una tabla de 4 columnas y cinco filas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla,
[Ovillo] Centrar verticalmente input type radio
Hola! Estoy maquetando un formulario que, entre otras cosas contiene una lista horizontal de radiobuttons. El contenido de éstos no siempre tiene la misma altura (son imágenes, con distintos heights). Lo he intentado de mil maneras, pero no lo consigo. El HTML vendría a ser éste: fieldset legend.../legend ul lilabel for=...input type=radio id=... name... /img src=... alt=... //label/li lilabel for=...input type=radio id=... name... /img src=... alt=... //label/li [...] /ul /fieldset Así que se todo reduce a centrar verticalmente el input y el img dentro del label. Debería ser posible, no? Gracias y un saludo! Gael ___ 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] Centrar verticalmente input type radio
Hola, Gael
Estoy maquetando un formulario que, entre otras cosas contiene una lista
horizontal de radiobuttons. El contenido de éstos no siempre tiene la
misma altura (son imágenes, con distintos heights).
¿No te funciona esto?
li {display: inline;}
label * {
vertical-align: middle;
}
___
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] Centrar verticalmente input type radio
Se me ocurre una cosa asi rápida, dale esto a la imagen:
img{
vertical-aling:middle;
} ; a mi me funciona
Saludos
para ajustarlo mejor juega con los padding del input.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Hola!
Estoy maquetando un formulario que, entre otras cosas contiene una lista
horizontal de radiobuttons. El contenido de éstos no siempre tiene la
misma altura (son imágenes, con distintos heights). Lo he intentado de
mil maneras, pero no lo consigo.
El HTML vendría a ser éste:
fieldset
legend.../legend
ul
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
[...]
/ul
/fieldset
Así que se todo reduce a centrar verticalmente el input y el img dentro
del label. Debería ser posible, no?
Gracias y un saludo!
Gael
___
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] Centrar verticalmente input type radio
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla, pero no son datos tabulares, son una
lista de opciones para escoger una). Por eso quiero que me queden
centrados verticalmente el input y el img dentro del label.
Gracias de nuevo
Un saludo
Gael
jaume op escribió:
Se me ocurre una cosa asi rápida, dale esto a la imagen:
img{
vertical-aling:middle;
} ; a mi me funciona
Saludos
para ajustarlo mejor juega con los padding del input.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Hola!
Estoy maquetando un formulario que, entre otras cosas contiene una lista
horizontal de radiobuttons. El contenido de éstos no siempre tiene la
misma altura (son imágenes, con distintos heights). Lo he intentado de
mil maneras, pero no lo consigo.
El HTML vendría a ser éste:
fieldset
legend.../legend
ul
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
[...]
/ul
/fieldset
Así que se todo reduce a centrar verticalmente el input y el img dentro
del label. Debería ser posible, no?
Gracias y un saludo!
Gael
___
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] Centrar verticalmente input type radio
Deberias dar medidas pero mira asi:
style
* {margin:0; padding:0;}
ul{ /*creo la tabla*/
display:block;
width:600px;
list-style:none;
}
li{/*medidas para las celdas*/
width:150px;
height:50px;
display:blok;
float:left;
line-height:100%;
}
img{
vertical-align:middle;
}
/style
/***/
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
Pon tantas Ul como filas y los LI como columnas (por ejemplo 4ul y 5
li), para hacer una tabla de 4 columnas y cinco filas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla, pero no son datos tabulares, son una
lista de opciones para escoger una). Por eso quiero que me queden
centrados verticalmente el input y el img dentro del label.
Gracias de nuevo
Un saludo
Gael
jaume op escribió:
Se me ocurre una cosa asi rápida, dale esto a la imagen:
img{
vertical-aling:middle;
} ; a mi me funciona
Saludos
para ajustarlo mejor juega con los padding del input.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Hola!
Estoy maquetando un formulario que, entre otras cosas contiene una lista
horizontal de radiobuttons. El contenido de éstos no siempre tiene la
misma altura (son imágenes, con distintos heights). Lo he intentado de
mil maneras, pero no lo consigo.
El HTML vendría a ser éste:
fieldset
legend.../legend
ul
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
[...]
/ul
/fieldset
Así que se todo reduce a centrar verticalmente el input y el img dentro
del label. Debería ser posible, no?
Gracias y un saludo!
Gael
___
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] Centrar verticalmente input type radio
Gracias por tu ayuda, Jaume!
He trabajado un poco a partir de tu código. Va bastante bien y, de
hecho, puedo una única lista para toda la tabla, así que no haría
falta una lista para cada fila, ya que los li tienen el float: left.
Con tu código consigo centrar verticalmente el contenido de cada li
por separado: el input type=radio y su img correspondiente (ambos
dentro de un label) aparecen centrados verticalmente.
De todas formas, no se centra verticalmente el conjunto de la lista.
Supongo que habría que hacerlo elemento a elemento, según el tamaño que
vaya a tener cada uno.
Como me explico bastante mal, pongo el ejemplo (los tamaños son lo de
menos y los bordes son para verlo más claro). Sólo hace falta una imagen
que se llame r.gif para el ejemplo:
CSS:
* {margin:0; padding:0;}
ul{
list-style: none;
width: 220px;
}
li{
width: 70px;
height: 50px;
display: block;
float: left;
border: 1px solid green;
}
label{
position: relative;
top: 25px; /* esto tendría que ser diferente para cada */
margin-top: -25px; /* label, según el height de la imagen contenida */
display:block;
border: 1px solid blue;
}
label * {
vertical-align: middle;
border: 1px solid red;
}
HTML:
form
fieldset
legendLorem ipsum/legend
ul
lilabel for=a1input type=radio id=a1 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a2input type=radio id=a2 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a3input type=radio id=a3 /img src=r.gif
width=15 height=25 alt=... //label/li
lilabel for=a4input type=radio id=a4 /img src=r.gif
width=15 height=20 alt=... //label/li
lilabel for=a5input type=radio id=a5 /img src=r.gif
width=35 height=15 alt=... //label/li
lilabel for=a6input type=radio id=a6 /img src=r.gif
width=15 height=15 alt=... //label/li
lilabel for=a7input type=radio id=a7 /img src=r.gif
width=20 height=20 alt=... //label/li
lilabel for=a8input type=radio id=a8 /img src=r.gif
width=15 height=15 alt=... //label/li
/ul
/fieldset
/form
Visto lo visto, si nadie sabe de una solución mágica (o de una forma
diferente de marcar el conjunto de radiobuttons horizontal), me veré
obligado a maquetarlo con tablas ;-)
Un saludo!
Gael
jaume op escribió:
Deberias dar medidas pero mira asi:
style
* {margin:0; padding:0;}
ul{ /*creo la tabla*/
display:block;
width:600px;
list-style:none;
}
li{/*medidas para las celdas*/
width:150px;
height:50px;
display:blok;
float:left;
line-height:100%;
}
img{
vertical-align:middle;
}
/style
/***/
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
ul
lilabel for=...input type=radio id=input name... /
bonito bonitoimg
src=Mis imágenes/mail.jpgalt=... //label
/li
/ul
Pon tantas Ul como filas y los LI como columnas (por ejemplo 4ul y 5
li), para hacer una tabla de 4 columnas y cinco filas.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Gracias a ambos por vuestras respuestas.
Funcionan, pero no me sirven , porque olvidé deciros que tengo que
darles un ancho y un alto a todos los li para que queden cuadriculados.
Es decir, tengo una cuadrícula con n input type=radio, que se van
colocando, haya los que haya, de izquierda a derecha y de arriba a abajo
en una lista horizontal en que caben cuatro inputs por fila (quedan
dispuestos como si fuera una tabla, pero no son datos tabulares, son una
lista de opciones para escoger una). Por eso quiero que me queden
centrados verticalmente el input y el img dentro del label.
Gracias de nuevo
Un saludo
Gael
jaume op escribió:
Se me ocurre una cosa asi rápida, dale esto a la imagen:
img{
vertical-aling:middle;
} ; a mi me funciona
Saludos
para ajustarlo mejor juega con los padding del input.
El 27/08/07, Gael [EMAIL PROTECTED] escribió:
Hola!
Estoy maquetando un formulario que, entre otras cosas contiene una lista
horizontal de radiobuttons. El contenido de éstos no siempre tiene la
misma altura (son imágenes, con distintos heights). Lo he intentado de
mil maneras, pero no lo consigo.
El HTML vendría a ser éste:
fieldset
legend.../legend
ul
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
lilabel for=...input type=radio id=... name... /img
src=... alt=... //label/li
[...]
/ul
/fieldset
Así que se todo reduce a centrar verticalmente el input y el img dentro
del label. Debería ser posible, no?
Gracias y un saludo!
Gael
___
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:
[Ovillo] Centrar Verticalmente
Hola CSSeros, Tengo que hacer una serie de botones que son unos DIV con un background que varía según si hay hover o no. Dentro hay un texto que debería ser centrado verticalmente. El problema es que unos botones tienen 120px de alto, otros tienen 80px, y otros 20px. Normalmente cuando hay una serie de botones iguales, juego con el padding superior o inferior y perfecto... pero en este caso, además de las alturas diferentes, puede que haya textos que tienen salto de línea. Es decir... padding no me sirve, y line-height tampoco lo puedo poner a la altura del botón, porque si la línea es doble, se rompe todo. Básicamente... ¿cómo puedo centrar verticalmente un texto, de forma simple y efectiva, dentro de una DIV? Gracias! __ ?php $Autor = Iban Rodriguez; // Programador, THE MOVIE ? www.themovie.org ___ 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
