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
