Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
Perfecto, esta última opción es la que funciona, porque los vertical-align en ningún sitio. Muchas gracias. Jose El 22 de febrero de 2010 08:18, jaume op jaum...@gmail.com escribió: Bueno creo que habrian diferentes modos segun quieras, montarlo, aunque en princio presupongo que la imagen sea necesaria como imagen y no como background del li o del a. De un a lado supombo la img de 50px (ejemplo) li{ height:50px; line-height:50px;} /*centraria verticalmente todo lo que haya dentro*/ Por otra parte, trabajando con la img img{valign:middle;} o quiza baseline, Tambien, si no me equivoco en valign el valor center creo que se corresponde como valor. El 21 de febrero de 2010 21:44, joel vinicio almanzar joel_alman...@hotmail.com escribió: En este caso creo que es al texto que el se refiere. From: andresgut...@gmail.com Date: Sun, 21 Feb 2010 21:42:39 +0100 To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Yo pondría el vertical-align:center en la imagen. Pero prueba. El 21 de febrero de 2010 19:33, joel vinicio almanzar joel_alman...@hotmail.com escribió: intenta ponerle al li un vertical Align #contenido #cuerpo #cuerpo_miembros ul li{ vertical-align:center;} From: josego...@gmail.com Date: Sun, 21 Feb 2010 19:16:38 +0100 To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Este sería el CSS, la cuestión es que no se que aplicar para que centre el texto: #contenido #cuerpo #cuerpo_miembros ul{ font-size: 0.8em; padding: 0px 0px 0px 35px; } #contenido #cuerpo #cuerpo_miembros ul li{ margin: 0px 0px 0px 10px; } #contenido #cuerpo #cuerpo_miembros ul li a img{ } #contenido #cuerpo #cuerpo_miembros ul li a{ color: #576036; } El 21 de febrero de 2010 18:52, joel vinicio almanzar joel_alman...@hotmail.com escribió: Nos dejas ver tu css? From: josego...@gmail.com Date: Sun, 21 Feb 2010 18:50:01 +0100 To: ovillo@lists.ovillo.org Subject: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
Aunque el tema está resuelto con line-height me extraña que no funcione el vertical-align. Estos son sus valores posibles: baseline | sub | super | top | text-top | middle | bottom | text-bottom | porcentaje | medida | inherit Si las imagenes son decorativas y no añaden información al texto yo las pondría como fondo como apunta jaume. ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Estoy de acuerdo contigo el valing aplicado a la imagen debería valer con img {vertical-align:middel;} el siguiente elemento debería posicionarse en medio. El 22 de febrero de 2010 12:44, mikel blonfu jan...@gmail.com escribió: Aunque el tema está resuelto con line-height me extraña que no funcione el vertical-align. Estos son sus valores posibles: baseline | sub | super | top | text-top | middle | bottom | text-bottom | porcentaje | medida | inherit Si las imagenes son decorativas y no añaden información al texto yo las pondría como fondo como apunta jaume. ___ 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 -- Saludos Jaume ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Yo creo que la imagen no tendría que ir de fondo del Li ya es que es una fotografía de cada una de las personas que formarán esa lista. Aunque pensándolo, podría dar a cada li un id y ponerle un fondo diferente, aunque no me parece muy operativo. Haré pruebas con el vertical-Align en la imagen pero no me ha funcionado. Muchas gracias por todo. Un saludo, Jose El 22 de febrero de 2010 12:44, mikel blonfu jan...@gmail.com escribió: Aunque el tema está resuelto con line-height me extraña que no funcione el vertical-align. Estos son sus valores posibles: baseline | sub | super | top | text-top | middle | bottom | text-bottom | porcentaje | medida | inherit Si las imagenes son decorativas y no añaden información al texto yo las pondría como fondo como apunta jaume. ___ 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 -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Si es una foto de perfil de una persona, yo la pondría como imagen y no como background. Por lo que dices. No sería muy operativo. El 22 de febrero de 2010 13:51, Dan danal...@gmail.com escribió: El vertical-align funciona en determinados display, por ejemplo en display: table-cell Yo tuve hace mucho un problema parecido en una web que hice, por si te ayuda de algo puedes ver como lo hice en: http://www.avetid.com/asociados/index.aspx?idioma=cas Pero atento que tuve que hacer código extra para Internet Explorer, etc. Salu2. -Mensaje original- De: Jose Manuel Segovia [mailto:josego...@gmail.com] Enviado el: domingo, 21 de febrero de 2010 18:50 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Imagen dentro de li y centrar el texto con respecto a la imagen
Este sería el CSS, la cuestión es que no se que aplicar para que centre el texto: #contenido #cuerpo #cuerpo_miembros ul{ font-size: 0.8em; padding: 0px 0px 0px 35px; } #contenido #cuerpo #cuerpo_miembros ul li{ margin: 0px 0px 0px 10px; } #contenido #cuerpo #cuerpo_miembros ul li a img{ } #contenido #cuerpo #cuerpo_miembros ul li a{ color: #576036; } El 21 de febrero de 2010 18:52, joel vinicio almanzar joel_alman...@hotmail.com escribió: Nos dejas ver tu css? From: josego...@gmail.com Date: Sun, 21 Feb 2010 18:50:01 +0100 To: ovillo@lists.ovillo.org Subject: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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 _ ¡Los usuarios de Hotmail reciben 80% menos de Spam! Conoce más. http://www.descubrewindowslive.com/hotmail/anti-spam.asp ___ 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 -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ Lista de distribución Ovillo Para escribir a la lista, envia un
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
Yo pondría el vertical-align:center en la imagen. Pero prueba. El 21 de febrero de 2010 19:33, joel vinicio almanzar joel_alman...@hotmail.com escribió: intenta ponerle al li un vertical Align #contenido #cuerpo #cuerpo_miembros ul li{ vertical-align:center;} From: josego...@gmail.com Date: Sun, 21 Feb 2010 19:16:38 +0100 To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Este sería el CSS, la cuestión es que no se que aplicar para que centre el texto: #contenido #cuerpo #cuerpo_miembros ul{ font-size: 0.8em; padding: 0px 0px 0px 35px; } #contenido #cuerpo #cuerpo_miembros ul li{ margin: 0px 0px 0px 10px; } #contenido #cuerpo #cuerpo_miembros ul li a img{ } #contenido #cuerpo #cuerpo_miembros ul li a{ color: #576036; } El 21 de febrero de 2010 18:52, joel vinicio almanzar joel_alman...@hotmail.com escribió: Nos dejas ver tu css? From: josego...@gmail.com Date: Sun, 21 Feb 2010 18:50:01 +0100 To: ovillo@lists.ovillo.org Subject: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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 _ ¡Los usuarios de Hotmail reciben 80% menos de Spam! Conoce más. http://www.descubrewindowslive.com/hotmail/anti-spam.asp ___ 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 -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
En este caso creo que es al texto que el se refiere. From: andresgut...@gmail.com Date: Sun, 21 Feb 2010 21:42:39 +0100 To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Yo pondría el vertical-align:center en la imagen. Pero prueba. El 21 de febrero de 2010 19:33, joel vinicio almanzar joel_alman...@hotmail.com escribió: intenta ponerle al li un vertical Align #contenido #cuerpo #cuerpo_miembros ul li{ vertical-align:center;} From: josego...@gmail.com Date: Sun, 21 Feb 2010 19:16:38 +0100 To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Este sería el CSS, la cuestión es que no se que aplicar para que centre el texto: #contenido #cuerpo #cuerpo_miembros ul{ font-size: 0.8em; padding: 0px 0px 0px 35px; } #contenido #cuerpo #cuerpo_miembros ul li{ margin: 0px 0px 0px 10px; } #contenido #cuerpo #cuerpo_miembros ul li a img{ } #contenido #cuerpo #cuerpo_miembros ul li a{ color: #576036; } El 21 de febrero de 2010 18:52, joel vinicio almanzar joel_alman...@hotmail.com escribió: Nos dejas ver tu css? From: josego...@gmail.com Date: Sun, 21 Feb 2010 18:50:01 +0100 To: ovillo@lists.ovillo.org Subject: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen Hola a todos, Seguro que es muy simple de hacer pero no soy capaz. Os cuento. Tengo una lista, dentro de cada uno de los elementos de la lista hay una imagen y un texto (para cada elemento la imagen y el texto son diferentes). La cuestión es que el texto se alinea a la derecha de la imagen (eso está bien) pero con respecto a la parte inferior de esta y me gustaría que quedara alineado verticalmente. Este es el HTML: ul li a href=prueba.html img src=imagenes/miembros/miembro0.jpg / Pepito Palotes /a /li /ul ¿Que propiedad tendría que darle al CSS de esa lista para que el texto Pepito Palotes quedara centrado con respecto a la imagen? Un saludo, Jose -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, puede contener información de carácter confidencial exclusivamente dirigida a su(s) destinatario(s). Queda prohibida su divulgación, copia o distribución a terceros sin la previa autorización de . En caso de haber recibido este correo por error, le rogamos notifique inmediatamente esta circunstancia mediante reenvío a la dirección electrónica del remitente. Le agradezco de antemano su colaboración. -- This e-mail, and where appropriate, any file attached to it, should contain information of confidential nature, exclusively intended for its recipient(s). You may not copy this message or use it for any purpose or disclose its contents to any other person or take any action based on them without prior authorization from . Should you have received this mail by mistake, we would be most grateful if you could notify us immediately. Thank you very much indeed in advance for your collaboration. ___ 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 _ ¡Los usuarios de Hotmail reciben 80% menos de Spam! Conoce más. http://www.descubrewindowslive.com/hotmail/anti-spam.asp ___ 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 -- Antes de imprimir este mensaje, asegúrate de que es necesario. Proteger el medio ambiente está también en tu mano. -- Este correo electrónico y, en su caso
Re: [Ovillo] Imagen dentro de li y centrar el texto con respecto a la imagen
Sí, es el texto lo que quiere centrar, pero la propiedad vertical-align es para elementos en linea y celdas de tablas así que en el li no funcionaría, hay que ponerselo a la imagen. Además el valor sería middle y no center. ___ 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