[Ovillo] Listas con márgenes desde css

2008-09-03 Por tema Carlos Marrero
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

2008-09-03 Por tema Neftalí Guerrero Pancorbo
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

2008-09-03 Por tema Sentido Común
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

2008-09-03 Por tema Rodrigo Álvarez Virgós
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

2008-09-03 Por tema Carlos Marrero
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

2008-09-03 Por tema Carlos Marrero
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