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
