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 [email protected]
>> 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 [email protected]
>> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
