Finalmente lo he resuelto del siguiente modo, Rodrigo me ha "mostrado el camino", gracias:
/* He eliminado las imágenes introducidos a las etiquetas <a> */ 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