[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
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
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
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
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
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
