Re: [Ovillo] Listas con márgenes desde css
Finalmente lo he resuelto del siguiente modo, Rodrigo me ha "mostrado el camino", gracias: /* He eliminado las imágenes introducidos a las etiquetas */ He usado la siguiente propiedad (es propiedad?) list-style-image: url(iconos/flecha1.gif); El comportamiento que buscaba supone poner list-style-position en "outside". Que por lo visto es la que viene por defecto: ul { list-style-position: outside; } Gracias a todos por vuestra ayuda, carlos El 3 de septiembre de 2008 13:05, Carlos Marrero <[EMAIL PROTECTED]>escribió: > El problema es un poco más complejo, ya que existen varias listas anidadas, > por eso no he incluido el código, pero sería algo así: > > > item menusecundario > > item menusecundario > > Item submenu > > Item submenu de > dos líneas > > item menusecundario > > /* estilos para menusecundario */ > > div#menusecundario a { > font-weight: normal; > font-size: 85%; > line-height: 18px; > color: #6b6b6b; > text-decoration: none; > margin: 0; > background: url(iconos/flecha1.gif) no-repeat 0 50%; > padding-left: 12px; > } > > > /* estilos para el submenu */ > > ul.submenu { > list-style-type: none; > margin: 0; > padding: 0 0 0 5%; > } > > div#menusecundario ul.submenu li { > line-height: 150%; > margin: 2px 0; > margin: 0; /*-left: 20px;*/ > /*background: url(iconos/flecha1.gif) no-repeat 0 0;*/ > > } > > div#menusecundario ul.submenu a { > /*background-image: none;*/ > font: normal 0.85em/120% verdana, sans-serif; > padding: 0 0 0 12px; > margin: 0; > } > > El 3 de septiembre de 2008 13:00, Rafa Quesada (Sentido Común) < > [EMAIL PROTECTED]> escribió: > > Yo pondría el puntero como una imagen del fondo del li, y le pondría un >> padding al li >> >> -Mensaje original- >> De: [EMAIL PROTECTED] [mailto: >> [EMAIL PROTECTED] >> En nombre de Carlos Marrero >> Enviado el: miércoles, 03 de septiembre de 2008 13:57 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: [Ovillo] Listas con márgenes desde css >> >> Buenos días, >> >> Tengo una lista y quiero ponerle el típico puntero personalizado a cada >> uno >> de los items, de modo que resulte del siguiente modo: >> >> > Enlace 1 >> > Enlace 2 >> > Enlace 3 de >> dos líneas >> >> La imagen la introduzco desde css al elemento a de la lista, y lo que >> consigo es ésto: >> >> > Enlace 1 >> > Enlace 2 >> > Enlace 3 de >> dos líneas >> >> El tercer ítem se alinea con el marcador de lista y no deja el márgen, >> >> ¿ Alguien conoce una técnica limpia desde css para hacer ésto ? >> >> gracias, >> carlos >> ___ >> 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] Listas con márgenes desde css
El problema es un poco más complejo, ya que existen varias listas anidadas, por eso no he incluido el código, pero sería algo así: > item menusecundario > item menusecundario > Item submenu > Item submenu de dos líneas > item menusecundario /* estilos para menusecundario */ div#menusecundario a { font-weight: normal; font-size: 85%; line-height: 18px; color: #6b6b6b; text-decoration: none; margin: 0; background: url(iconos/flecha1.gif) no-repeat 0 50%; padding-left: 12px; } /* estilos para el submenu */ ul.submenu { list-style-type: none; margin: 0; padding: 0 0 0 5%; } div#menusecundario ul.submenu li { line-height: 150%; margin: 2px 0; margin: 0; /*-left: 20px;*/ /*background: url(iconos/flecha1.gif) no-repeat 0 0;*/ } div#menusecundario ul.submenu a { /*background-image: none;*/ font: normal 0.85em/120% verdana, sans-serif; padding: 0 0 0 12px; margin: 0; } El 3 de septiembre de 2008 13:00, Rafa Quesada (Sentido Común) < [EMAIL PROTECTED]> escribió: > Yo pondría el puntero como una imagen del fondo del li, y le pondría un > padding al li > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto: > [EMAIL PROTECTED] > En nombre de Carlos Marrero > Enviado el: miércoles, 03 de septiembre de 2008 13:57 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Listas con márgenes desde css > > Buenos días, > > Tengo una lista y quiero ponerle el típico puntero personalizado a cada uno > de los items, de modo que resulte del siguiente modo: > > > Enlace 1 > > Enlace 2 > > Enlace 3 de > dos líneas > > La imagen la introduzco desde css al elemento a de la lista, y lo que > consigo es ésto: > > > Enlace 1 > > Enlace 2 > > Enlace 3 de > dos líneas > > El tercer ítem se alinea con el marcador de lista y no deja el márgen, > > ¿ Alguien conoce una técnica limpia desde css para hacer ésto ? > > gracias, > carlos > ___ > 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] Listas con márgenes desde css
Hola, Carlos Carlos Marrero escribió: > Buenos días, > > Tengo una lista y quiero ponerle el típico puntero personalizado a cada uno > de los items, de modo que resulte del siguiente modo: > > >> Enlace 1 >> Enlace 2 >> Enlace 3 de >> >dos líneas > > La imagen la introduzco desde css al elemento a de la lista, y lo que > consigo es ésto: > > >> Enlace 1 >> Enlace 2 >> Enlace 3 de >> > dos líneas > > El tercer ítem se alinea con el marcador de lista y no deja el márgen, > > ¿ Alguien conoce una técnica limpia desde css para hacer ésto ? > > Quizás ul{list-style-position:inside} ___ 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] Listas con márgenes desde css
Yo pondría el puntero como una imagen del fondo del li, y le pondría un padding al li -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Carlos Marrero Enviado el: miércoles, 03 de septiembre de 2008 13:57 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Listas con márgenes desde css Buenos días, Tengo una lista y quiero ponerle el típico puntero personalizado a cada uno de los items, de modo que resulte del siguiente modo: > Enlace 1 > Enlace 2 > Enlace 3 de dos líneas La imagen la introduzco desde css al elemento a de la lista, y lo que consigo es ésto: > Enlace 1 > Enlace 2 > Enlace 3 de dos líneas El tercer ítem se alinea con el marcador de lista y no deja el márgen, ¿ Alguien conoce una técnica limpia desde css para hacer ésto ? gracias, carlos ___ 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] Listas con márgenes desde css
Buenas, si puedes poner el codigo te lo arreglo en un plis. lo voy a mirar de todas maneras yo haciendo una lista. pero para ver que el codigo es lo mismo. El mié, 03-09-2008 a las 12:56 +0100, Carlos Marrero escribió: > Buenos días, > > Tengo una lista y quiero ponerle el típico puntero personalizado a cada uno > de los items, de modo que resulte del siguiente modo: > > > Enlace 1 > > Enlace 2 > > Enlace 3 de >dos líneas > > La imagen la introduzco desde css al elemento a de la lista, y lo que > consigo es ésto: > > > Enlace 1 > > Enlace 2 > > Enlace 3 de > dos líneas > > El tercer ítem se alinea con el marcador de lista y no deja el márgen, > > ¿ Alguien conoce una técnica limpia desde css para hacer ésto ? > > gracias, > carlos > ___ > 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 -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ 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] Listas con márgenes desde css
Buenos días, Tengo una lista y quiero ponerle el típico puntero personalizado a cada uno de los items, de modo que resulte del siguiente modo: > Enlace 1 > Enlace 2 > Enlace 3 de dos líneas La imagen la introduzco desde css al elemento a de la lista, y lo que consigo es ésto: > Enlace 1 > Enlace 2 > Enlace 3 de dos líneas El tercer ítem se alinea con el marcador de lista y no deja el márgen, ¿ Alguien conoce una técnica limpia desde css para hacer ésto ? gracias, carlos ___ 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