Re: [Ovillo] ¿Tablas o listas con CSS?
Con line-height el problema es que si tienes un texto de dos líneas ya la has liado. El 14/02/2007, a las 19:32, palaueb escribió: yo usaria line-height:Xpx; te centra el texto en el medio de lo pixeles dados, así si quieres dejar un espaciado inferior-interior, no tienes ni que utilizar el padding ni ná de ná :) Este mensaje, y en su caso, cualquier fichero anexo al mismo, puede contener informacion confidencial, siendo para uso exclusivo del destinatario, quedando prohibida su divulgacion copia o distribucion a terceros sin la autorizacion expresa del remitente. Si Vd. ha recibido este mensaje erroneamente, se ruega lo notifique al remitente y proceda a su borrado. Gracias por su colaboracion. This message (including any attachments) may contain confidential information. It is intended for use by the recipient only. Any dissemination, copying or distribution to third parties without the express consent of the sender is strictly prohibited. If you have received this message in error, please delete it immediately and notify the sender. Thank you 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
[Ovillo] ¿Tablas o listas con CSS?
Hola a todos, Llevo tiempo intentando hacer un menú con dos columnas y un numero variable de filas, además, cada elemento del menú (o cada celda) tiene que tener un icono y a su derecha centrado respecto al icono un texto descriptor. El caso es que con tablas sería fácil de hacer pero no me gusta esta solución y utilizando listas ordenadas y css no he conseguido hacer lo que explicaba antes de dos columnas por un número variable de filas. Si alguien pudiera orientarme con enlaces o algún pequeño ejemplo de cómo 'simular' lo que haría una tabla pero utilizando listas y css. Gracias y un saludo a todos, Víctor -- -- Víctor Berga [vbergae.listas (at) gmail.com] Sin música la vida sería un error ___ 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] ¿Tablas o listas con CSS?
yo usaría otro elemento que veo más correcto para este caso: Listas de definición: dl dttitulo/dt dddescripción/dd dttitulo/dt dddescripción/dd dttitulo/dt dddescripción/dd /dl eso seguro que te ayuda :) saludos! Marc - Original Message - From: sn [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, February 14, 2007 10:51 AM Subject: Re: [Ovillo] ¿Tablas o listas con CSS? salud victor; listas y css por supuesto. lo que comentas no es difícil de hacer utilizando 2 listas, una por cada columna que comentas. la segunda lista, correspondería con la segunda columna y podría ir flotada a la derecha o posicionada mediante top y left. lo del icono lo solucionarás también fácil con css jugando con las propiedades de ancho de los li, background:url(*) para ponerles el icono que quieras y un text-indent para acomodar el texto donde mejor te venga. ___ 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] ¿Tablas o listas con CSS?
Quizás estos ejemplos te puedan servir. http://www.guaru.net/ http://www.defrost.ca/ http://www.blogobulle.com/ http://www.nzpages.co.nz/ http://www.ruralbot.com/ Algunos tienen iconos, otros no. Algunos son con tablas, los otros no. Mira, compara, estudia, mezcla,... ;-) Oscar Linares [EMAIL PROTECTED] www.eideo.com Telf. 958 124 517 - Internet es positivo porque nos une, nos conecta... Trabajando en EIDEO para alcanzar una Web más universal. Aprendiendo en www.innovacionweb.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] ¿Tablas o listas con CSS?
Gracias a todos por contestar tan rápido y con tanta información :-) Voy a echarle un vistazo a todo lo que habéis comentado y a experimentar un poco. Gracias de nuevo, Víctor -- Víctor Berga [vbergae.listas (at) gmail.com] Sin música la vida sería un error ___ 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] ¿Tablas o listas con CSS?
Vale ya lo tengo solucionado, tenía que utilziar vertical-align en la
imagen o:-) Así es cómo resulta lo que quería:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html, charset=UTF-8/
titlemenu/title
style type=text/css
ul {
list-style-type: none;
}
ul li {
margin: 2px;
padding: 2px;
float: left;
}
img{
vertical-align:middle; /* Esto es lo que no me funciona*/
}
/style
/head
body
ul
liimg style=width: 48px; height: 48px; id=navBarIcono
alt=Icono src=../phpGesCen/app/webroot/img/iconos/admin.pngOpcion1/li
/ul
/body
/html
Gracias por vuestra ayuda,
Víctor
--
--
Víctor Berga [vbergae.listas (at) gmail.com]
Sin música la vida sería un error
___
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] ¿Tablas o listas con CSS?
yo usaria line-height:Xpx;
te centra el texto en el medio de lo pixeles dados, así si quieres dejar
un espaciado inferior-interior, no tienes ni que utilizar el padding ni
ná de ná :)
espero te sea de ayuda
saludos
Marc
On dc, 2007-02-14 at 19:22 +0100, Víctor Berga wrote:
Vale ya lo tengo solucionado, tenía que utilziar vertical-align en la
imagen o:-) Así es cómo resulta lo que quería:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html, charset=UTF-8/
titlemenu/title
style type=text/css
ul {
list-style-type: none;
}
ul li {
margin: 2px;
padding: 2px;
float: left;
}
img{
vertical-align:middle; /* Esto es lo que no me funciona*/
}
/style
/head
body
ul
liimg style=width: 48px; height: 48px; id=navBarIcono
alt=Icono src=../phpGesCen/app/webroot/img/iconos/admin.pngOpcion1/li
/ul
/body
/html
Gracias por vuestra ayuda,
Víctor
___
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
