[Ovillo] Re: ¿es posible deshabilitar un enlac e?
Hola Fernando: Al decir quitar el enlace me refería a quitar el elemento a del código, como decía Victoria, y jugar con los li para darle visualmente el aspecto que quiero. No quito el botón al usuario, sólo lo deshabilito cuando se está en esa sección. Además lo destaco del resto, para que sepa siempre dónde está... entonces no hay autodestrucción... ;-) Un saludo, Abby El 17 de septiembre de 2008 19:37, Abigail Rodríguez [EMAIL PROTECTED]escribió: Me temía que la solución tendría que ser quitar el enlace... que es lo lógico, por otro lado. En ese caso deberías poner un aviso a lo Misión Imposible Este enlace se autodestruirá en el instante en que lo pulse. Ahora en serio, creo que es más correcta la solución que propone Victoria y sitúa la página activa en el menú. Si el enlace desaparece del menú, el usuario pierde la noción de dónde está. -- _ Fernando Gutiérrez ___ 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] Re: ¿es posible deshabilitar un enlac e?
Hola Ramón: Si, tienes razón, lo que pasa es que estoy maquetando un diseño que no es mío y tengo que atenerme a ciertos aspectos muy concretos que no siempre casan bien con lo recomendable. Aun así estoy intentando tenerlo en cuenta. Gracias por comentarlo. Un saludo, Abby Una nota sobre accesibilidad de eso que estás haciendo... - Si ocultas el texto del enlace, un usuario que tenga desactivados los fondos no verá NADA (yo, por ejemplo). - Si tienes un texto en la imagen, deberías usar texto en lugar de imágenes (punto 3.1 de prioridad 2 de WCAG). Si lo que quieres es decorar, tal vez podrías poner como fondo la decoración y dejar el texto encima de ese fondo decorado. - Si desactivas un enlace a base de ocultarlo a la vista, como te ha sugerido alguien, ese enlace seguirá siendo visible para un lector de pantalla. Vamos, para que lo tengas en cuenta, nada más guiño Saludos, Ramó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 ___ 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] Re: ¿es posible deshabilitar un enlac e?
Nada, nada... y siempre va bien un poco de humor entre código y navegador ;-) Ah, mil perdones entonces, entendí mal. Tampoco me pude reprimir el chiste fácil, jeje, después de 6 horas de rollo teórico sobre la comunicación uno no está muy en sus cabales. El 18 de septiembre de 2008 18:19, Abigail Rodríguez [EMAIL PROTECTED]escribió: Hola Fernando: Al decir quitar el enlace me refería a quitar el elemento a del código, como decía Victoria, y jugar con los li para darle visualmente el aspecto que quiero. No quito el botón al usuario, sólo lo deshabilito cuando se está en esa sección. Además lo destaco del resto, para que sepa siempre dónde está... entonces no hay autodestrucción... ;-) Un saludo, Abby El 17 de septiembre de 2008 19:37, Abigail Rodríguez [EMAIL PROTECTED]escribió: Me temía que la solución tendría que ser quitar el enlace... que es lo lógico, por otro lado. En ese caso deberías poner un aviso a lo Misión Imposible Este enlace se autodestruirá en el instante en que lo pulse. Ahora en serio, creo que es más correcta la solución que propone Victoria y sitúa la página activa en el menú. Si el enlace desaparece del menú, el usuario pierde la noción de dónde está. -- _ Fernando Gutiérrez ___ 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 -- _ Fernando Gutiérrez ___ 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] Re: ¿es posible deshabilitar un enlac e?
Iba a explicarlo mejor, pero me refería a lo que dice Victoria. Me temía que la solución tendría que ser quitar el enlace... que es lo lógico, por otro lado. Aunque tenga que retocar el menú, quedará bien. Gracias y un saludo, Abby Si lo que quieres es que la página actual quede reflejada en el menú pero que no enlace, y además puedes controlar la generación del menú, ¿porqué no deshabilitas que sea un enlace? Yo lo tengo así: ul li class=actualprimera opciónul lia href=opción 1- 1/a/li lia href=opción 1- 2/a/li li class=actualopción 1- 3/li lia href=opción 1- 4/a/li /ul/li lia href=segunda opción/aul lia href=opción 2- 1/a/li lia href=opción 2- 2/a/li lia href=opción 2- 3/a/li lia href=opción 2- 4/a/li /ul/li /ul de este modo me aseguro la funcionalidad de menú controlada por las listas, y que el enlace no pueda activarse gracias a que no es un enlace. Espero te sirva la respuesta. Un saludo Victoria Abigail Rodríguez escribió: Hola: Tengo un menú en forma de lista. A cada enlace de texto le aplico, mediante una clase, su imagen de fondo correspondiente y oculto el texto. Por otro lado, le doy una clase active al li de la sección actual para dejar marcado ese enlace. Pero me piden ahora que además deshabilite ese enlace. ¿Sabéis si puede hacerse sin mucha complicación? Gracias y un saludo, Abby ___ 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] Problemas con Lightwindow
Hola Rodrigo: Yo las he visto todas bien, usando Firefox 3, ¿te da problemas con algún navegador en concreto? Un saludo, Abby -- abbyrodd Diseño Web y Multimedia [EMAIL PROTECTED] www.abbyrodd.com (+34) 676 087 943 Hola a todos. En mi pagina web estoy utilizando Lightwindow y me esta dando problemas al cargar alguna fotos, porque puede ser eso, estado viendo la documentación y esta igual pero no se lo que ocurre. La web es http://www.ascariz.es/fotografias.asp Muchas gracias a todos. _ Un Saludo Cordial de Rodrigo Ascáriz Martínez. ___ 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] Re: Alineación vertical de dos elemen tos
Hola: A mi me ha funcionado poniendo a la imagen display inline y vertical-align middle (en mi caso quiero centrar el texto). Importante que lo pongas a la imagen, no al texto. Esto lo he comprobado en IE 7, Firefox, Opera y Safari. Espero que te ayude. Un saludo, Abby -- Hola compañeros: Este es otro de los temas que me está volviendo loco desde hace tiempo. Muchas veces se me ha dado el caso en el que tengo que poner un radio button y al lado un texto. En otras ocasiones he tenido que poner un iconito y al lado un texto (sin ser fondo el iconito) Otras veces he tenido que poner un campo de búsqueda (campo de texto de un formulario) y la lado un pequeño icono como submit ... en fin, resumidamente, muchas ocasiones en las que tengo que poner algun elemento inline al lado del otro. Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la alineación vertical de este par de elementos? Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50 pixels, el texto se queda alineado con respecto a la base de la imagen. No me valen opcines de float:left, ni cosas raras, yo simplemento quiero poder alinear los dos elementos verticalmente. Espero haber sido claro y así me podais echar un cable. Muchas gracias por vuestra ayuda y un abrazo ___ 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 -- abbyrodd Diseño Web y Multimedia [EMAIL PROTECTED] www.abbyrodd.com (+34) 676 087 943 ___ 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] Tarifas de Páginas Web
Hola Cristina: Estoy buscando, a ver si alguien me puede ayudar, tarifas de diseñadores web en Madrid... ...Estoy haciendo una propuesta para el desarrollo de una página web, y aun no se cuánto y cómo cobrar por el proyecto, me piden desde alojamiento hasta traducción al Inglés. El tema de tarifas siempre da lugar a muchas opiniones diferentes, pero intentando simplificar y orientarte un poco... El precio del alojamiento depende de la empresa y de los requisitos de la web. Puedes echar un vistazo a: http://www.arsys.es/ http://www.acens.com/ http://www.serviweb.es/ http://www.piensasolutions.es/ En cuanto a la traducción, un precio medio que está bien es 0,06 € por palabra. Para el diseño, puedes pensar en una media de 24 € / hora, depende del tipo de web. Puedes optar por descuentos según el caso. Espero haberte ayudado. Un saludo, Abby _ MSN Video. http://video.msn.com/?mkt=es-es ___ 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] varias versiones de iexplorer en un PC
Hola: El día 17/03/08, Neftalí Guerrero Pancorbo [EMAIL PROTECTED] escribió: multiIE lo bajas, es gratuito, tambien te puedes bajar el IE8 que tiene emulador para el IE7, asi ya tienes todos los productos de estos personajes. Estoy mirando el multiIE y veo en las notas que no funciona con Windows Vista. También hablan de cómo instalar IE 6 en Vista pero parece complicado y no es una solución completa. ¿Alguien conoce otra opción? Sobre todo para poder comprobar en IE6. Gracias y un saludo,Abby _ MSN Video. http://video.msn.com/?mkt=es-es ___ 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 una tabla
Hola Javier: Prueba esto: #tucontenedor table { width:80%; margin-left:10%; margin-right:10%;} Saludos, Abby Date: Fri, 1 Feb 2008 10:13:20 +0100 From: [EMAIL PROTECTED] To: Ovillo@lists.ovillo.org Subject: [Ovillo] Centrar una tabla Hola amigos: Igual es una consulta de las fáciles, pero es que no doy con la tecla. Tengo una tabla que es un listado de elementos con varias columnas. La tabla mide el 80% de su contenedor ¿ok? El problema viene porque la quiero centrar horizontalmente pero teniendo en cuenta dos cosas: - La tabla NO quiero que lleve el align=center dentro de la etiqueta table - NO la quiero englobar dentro de un div para ponerle al mismo el text-align:center (en Firefozx me falla) ¿Habria alguna forma de centrarla mediante margenes o similar? De momento no lo he conseguido Espero que vuestras sabias mentes me puedan ayudar Saludos y feliz fin de semana ___ 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
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
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
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
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] Alinear verticalmente una imagen con CSS
Hola: Podéis ver el caso en mi Web: www.abbyrodd.comLo que intentaba hacer es que cuando el texto de una sección es extenso, el dibujo de la izquierda se alargara automáticamente. Por ejemplo, la sección Cómo trabajo. Ahora he colocado párrafos vacíos entre la imagen superior que contiene el logo y la inferior con la mesa de trabajo, para alcanzar la altura deseada. Pero esto no me parece una buena solución. Gracias por vuestros comentarios. Saludos. Date: Wed, 23 Jan 2008 23:04:27 -0300 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS Un ejemplo ? 2008/1/23 Hari Seldon [EMAIL PROTECTED]: Sería más fácil si nos pusieses el ejemplo en línea; así veríamos el código y esas cosas... Si no quieres poner el ejemplo tal cuál es, un prototipo valdría O bien usa pastebin para poner el código :) Saludos-Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Abigail Rodríguez Enviado el: miércoles, 23 de enero de 2008 23:58 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Alinear verticalmente una imagen con CSS El alto de la capa es variable, se ajusta al alto de otra capa adyacente que tiene los contenidos. La imagen de fondo sólo está para verse cuando la capa se alargue... Date: Wed, 23 Jan 2008 23:38:57 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS #estilo-abigail {padding:0 10px 0 10px;} #estilo-abigail { background:#FFF url(/ruta-nombre-imagen-de- fondo.jpg)no-repeat bottom left; border-top:3px solid #666; border- bottom:3px solid #666; padding:1px 0 10px 0;} img {border:1px solid #ccc; background:#fff; padding:3px; float:right; margin:0 0 (aqui pon la altura de la imagen de fondo)px 0;} !--Estilo abigail-- div id=estilo-abigail img src=la imagen aki /div !--/Estilo abigail-- Pienso si en la capa sólo tienes una imagen la altura de la capa vendrá determinada por la altura de la imagen, con lo cual la imagen de fondo quedara tapada por la imagen que pones en primer plano. Debes darle un margen al estilo de la imagen igual al la altura de la imagen de fondo (ya lo hice yo tu cambia el tamaño del margen...) el resto personalizalo a tu gustoEl día 23/01/08, Abigail Rodríguez [EMAIL PROTECTED] escribió: Hola:Gracias por responder, pero no se ajusta a mi caso... Quizá no me he explicado bien: Se trata de una capa con un alto variable y con un fondo que se repite. Dentro de la capa no hay texto, sólo tengo insertada una imagen y a continuación otra, que quiero que se mantenga alineada a bottom. No sé si es posible.Gracias de todas formas. Saludos.P.D: en Islandia no tanto frío como podría pensarse, y los mismos quebraderos de cabeza con CSS y toda esta historia ;-) Date: Wed, 23 Jan 2008 22:31:34 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS #estilo-abigail {padding:0 10px 0 10px;} #estilo-abigail { background:#E3E8C9 url(/nombreimagen.jpg) no-repeat bottom left; border-top:3px solid #666; border-bottom:3px solid #666; padding:1px 0 10px 0;} #estilo-abigail h2 {font-size:3.3em;} #estilo- abigail h4 {padding-top:10px;} #estilo-abigail p {font-size:1.2em; color:#333;} img {border:1px solid #ccc; background:#fff; padding:3px; float:right; margin:0 0 10px 15px;} !--Estilo abigail-- div id=estilo-abigail si pones aqui la imagen estará arriba h4texto/h4 h2texto/h2 texto ptexto/p /div !--/Estilo abigail--DEBERIA FUNCIONAR ¿K TAL EN ISLANDIA¡ ME GUSTA EL FREELANCEO El día 23/01/08, Abigail Rodríguez [EMAIL PROTECTED] escribió:Saludos a todos: Aunque leo la lista desde hace un mes o así, es la primera vez que intervengo. Me llamo Abby, soy diseñadora freelance, de Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: Mi problema es que no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Debería ser algo muy sencillo, pero... 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 yotra 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. ¿Alguien sabe cómo puede hacerse esto? Llevo tiempo con ello, mirando en foros, documentación, etc. pero no consigosolucionarlo. Gracias de antemano. _ MSN Video. http://video.msn.com/?mkt=es-es
[Ovillo] Alinear verticalmente una imagen con CSS
Saludos a todos: Aunque leo la lista desde hace un mes o así, es la primera vez que intervengo. Me llamo Abby, soy diseñadora freelance, de Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: Mi problema es que no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Debería ser algo muy sencillo, pero... 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. ¿Alguien sabe cómo puede hacerse esto? Llevo tiempo con ello, mirando en foros, documentación, etc. pero no consigo solucionarlo. Gracias de antemano. _ MSN Video. http://video.msn.com/?mkt=es-es ___ 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] Alinear verticalmente una imagen con CSS
¿Puedes concretar más? No entiendo a qué te refieres exactamente. El problema está en alinear una imagen al bottom de su capa, y además esta capa no tiene un alto definido. Gracias y un saludo. From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Date: Wed, 23 Jan 2008 21:27:36 +0100 Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS ¿Has probado con posiciones relativas? http://www.w3.org/TR/REC-CSS2/visuren.html#relative-positioning -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Abigail Rodríguez Enviado el: miércoles, 23 de enero de 2008 21:13 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Alinear verticalmente una imagen con CSSSaludos a todos: Aunque leo la lista desde hace un mes o así, es la primera vez que intervengo. Me llamo Abby, soy diseñadora freelance, de Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: Mi problema es que no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Debería ser algo muy sencillo, pero...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. ¿Alguien sabe cómo puede hacerse esto? Llevo tiempo con ello, mirando en foros, documentación, etc. pero no consigo solucionarlo. Gracias de antemano. _ MSN Video. http://video.msn.com/?mkt=es-es ___ 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 _ 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] Alinear verticalmente una imagen con CSS
Hola: Gracias por responder, pero no se ajusta a mi caso... Quizá no me he explicado bien: Se trata de una capa con un alto variable y con un fondo que se repite. Dentro de la capa no hay texto, sólo tengo insertada una imagen y a continuación otra, que quiero que se mantenga alineada a bottom. No sé si es posible. Gracias de todas formas. Saludos. P.D: en Islandia no tanto frío como podría pensarse, y los mismos quebraderos de cabeza con CSS y toda esta historia ;-) Date: Wed, 23 Jan 2008 22:31:34 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS #estilo-abigail {padding:0 10px 0 10px;} #estilo-abigail { background:#E3E8C9 url(/nombreimagen.jpg) no-repeat bottom left; border-top:3px solid #666; border-bottom:3px solid #666; padding:1px 0 10px 0;} #estilo-abigail h2 {font-size:3.3em;} #estilo-abigail h4 {padding-top:10px;} #estilo-abigail p {font-size:1.2em; color:#333;} img {border:1px solid #ccc; background:#fff; padding:3px; float:right; margin:0 0 10px 15px;} !--Estilo abigail-- div id=estilo-abigail si pones aqui la imagen estará arriba h4texto/h4 h2texto/h2 texto ptexto/p /div !--/Estilo abigail-- DEBERIA FUNCIONAR ¿K TAL EN ISLANDIA¡ ME GUSTA EL FREELANCEO El día 23/01/08, Abigail Rodríguez [EMAIL PROTECTED] escribió: Saludos a todos: Aunque leo la lista desde hace un mes o así, es la primera vez que intervengo. Me llamo Abby, soy diseñadora freelance, de Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: Mi problema es que no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Debería ser algo muy sencillo, pero... 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. ¿Alguien sabe cómo puede hacerse esto? Llevo tiempo con ello, mirando en foros, documentación, etc. pero no consigo solucionarlo. Gracias de antemano. _ MSN Video. http://video.msn.com/?mkt=es-es ___ 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 _ 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] Alinear verticalmente una imagen con CSS
Hola: He probado lo que dices pero nada. Aunque lo que he hecho es crear una clase con display:block; y margin: auto 0; para aplicársela sólo a la imagen que quiero se alinee verticalmente a bottom. Porque no quiero que afecte a la otra imagen de arriba. También probé a ponerle display:table; a la capa contenedora, meter las imágenes en divs y ponerles display:table-cell; y jugar con el vertical-align No funciona.Seguiré investigando. Gracias y un saludo. Date: Wed, 23 Jan 2008 23:14:30 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS img{ display:block; margin: auto 0; // margin:auto auto; para alinearlo tambien horizontalmente } Prueba y nos cuentas Saludos El día 23/01/08, miguel alonso [EMAIL PROTECTED] escribió: #estilo-abigail {padding:0 10px 0 10px;} #estilo-abigail { background:#E3E8C9 url(/nombreimagen.jpg) no-repeat bottom left; border-top:3px solid #666; border-bottom:3px solid #666; padding:1px 0 10px 0;} #estilo-abigail h2 {font-size:3.3em;} #estilo-abigail h4 {padding-top:10px;} #estilo-abigail p {font-size:1.2em; color:#333;} img {border:1px solid #ccc; background:#fff; padding:3px; float:right; margin:0 0 10px 15px;}!--Estilo abigail-- div id=estilo-abigail si pones aqui la imagen estará arriba h4texto/h4 h2texto/h2 texto ptexto/p /div !--/Estilo abigail--DEBERIA FUNCIONAR ¿K TAL EN ISLANDIA¡ ME GUSTA EL FREELANCEO El día 23/01/08, Abigail Rodríguez [EMAIL PROTECTED] escribió: Saludos a todos: Aunque leo la lista desde hace un mes o así, es la primera vez que intervengo. Me llamo Abby, soy diseñadora freelance, de Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: Mi problema es que no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Debería ser algo muy sencillo, pero... 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. ¿Alguien sabe cómo puede hacerse esto? Llevo tiempo con ello, mirando en foros, documentación, etc. pero no consigo solucionarlo. Gracias de antemano. _ MSN Video. http://video.msn.com/?mkt=es-es ___ 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 _ Tecnología, moda, motor, viajes,…suscríbete a nuestros boletines para estar siempre a la última http://newsletters.msn.com/hm/maintenanceeses.asp?L=ESC=ESP=WCMaintenanceBrand=WLRU=http%3a%2f%2fmail.live.com ___ 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] Alinear verticalmente una imagen con CSS
El alto de la capa es variable, se ajusta al alto de otra capa adyacente que tiene los contenidos. La imagen de fondo sólo está para verse cuando la capa se alargue... Date: Wed, 23 Jan 2008 23:38:57 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS #estilo-abigail {padding:0 10px 0 10px;} #estilo-abigail { background:#FFF url(/ruta-nombre-imagen-de-fondo.jpg)no-repeat bottom left; border-top:3px solid #666; border-bottom:3px solid #666; padding:1px 0 10px 0;} img {border:1px solid #ccc; background:#fff; padding:3px; float:right; margin:0 0 (aqui pon la altura de la imagen de fondo)px 0;} !--Estilo abigail-- div id=estilo-abigail img src=la imagen aki /div !--/Estilo abigail-- Pienso si en la capa sólo tienes una imagen la altura de la capa vendrá determinada por la altura de la imagen, con lo cual la imagen de fondo quedara tapada por la imagen que pones en primer plano. Debes darle un margen al estilo de la imagen igual al la altura de la imagen de fondo (ya lo hice yo tu cambia el tamaño del margen...) el resto personalizalo a tu gustoEl día 23/01/08, Abigail Rodríguez [EMAIL PROTECTED] escribió: Hola: Gracias por responder, pero no se ajusta a mi caso... Quizá no me he explicado bien: Se trata de una capa con un alto variable y con un fondo que se repite. Dentro de la capa no hay texto, sólo tengo insertada una imagen y a continuación otra, que quiero que se mantenga alineada a bottom. No sé si es posible.Gracias de todas formas. Saludos.P.D: en Islandia no tanto frío como podría pensarse, y los mismos quebraderos de cabeza con CSS y toda esta historia ;-) Date: Wed, 23 Jan 2008 22:31:34 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Alinear verticalmente una imagen con CSS #estilo-abigail {padding:0 10px 0 10px;} #estilo-abigail { background:#E3E8C9 url(/nombreimagen.jpg) no-repeat bottom left; border-top:3px solid #666; border-bottom:3px solid #666; padding:1px 0 10px 0;} #estilo-abigail h2 {font-size:3.3em;} #estilo-abigail h4 {padding-top:10px;} #estilo-abigail p {font-size:1.2em; color:#333;} img {border:1px solid #ccc; background:#fff; padding:3px; float:right; margin:0 0 10px 15px;} !--Estilo abigail-- div id=estilo-abigail si pones aqui la imagen estará arriba h4texto/h4 h2texto/h2 texto ptexto/p /div !--/Estilo abigail-- DEBERIA FUNCIONAR ¿K TAL EN ISLANDIA¡ ME GUSTA EL FREELANCEO El día 23/01/08, Abigail Rodríguez [EMAIL PROTECTED] escribió:Saludos a todos: Aunque leo la lista desde hace un mes o así, es la primera vez que intervengo. Me llamo Abby, soy diseñadora freelance, de Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: Mi problema es que no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Debería ser algo muy sencillo, pero... 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. ¿Alguien sabe cómo puede hacerse esto? Llevo tiempo con ello, mirando en foros, documentación, etc. pero no consigo solucionarlo. Gracias de antemano. _ MSN Video. http://video.msn.com/?mkt=es-es ___ 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 _ 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 ___ 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 _ La vida de los famosos al desnudo en MSN Entretenimiento http://entretenimiento.es.msn.com