El lun, 22-01-2007 a las 23:07 +0100, Marco Giacomuzzi escribió:
> Hola Alex,
> 
> es correcto lo que te ha contestado Juan Jorge pero a veces pasa
> que la viñeta no tiene la misma alineación con el texto en los  
> diferentes
> navegadores.
> 
> En ese caso si puedes utilizar lo que habías planteado tu pero  
> mejorandolo
> de la siguiente forma:

No sé si esto solucionaría el problema (no veo la captura de pantalla, y
no sé si es por la configuración de la lista o debido a algún problema
con mi cliente de correo), pero existe una propiedad CSS que determina
si el bolo (viñeta) va dentro o fuera del elemento de la lista:

ul {
  list-style-position: inside;
}

La otra alternativa es "outside".

Un saludo,

-- 
Jaime GÓMEZ OBREGÓN
Director Comercial ([EMAIL PROTECTED])
ITEISA - www.iteisa.com
942 544 036 - 662 256 006


> #navcontainer ul li {
>      padding-left: ... px; /* los pixeles que te hace falta para  
> sangrar el texto */
>      background: url(.......) left center no-repeat;
>      list-style: none;
> }
> 
> Saludos
> Marco
> 
> El 22/01/2007, a las 21:01, Alex Moreno escribió:
> 
> > Buenas tardes,
> >
> > estoy intentando añadir una imagen, un pequeño icono a mis listas  
> > <ul> y lo
> > he conseguido en parte:
> >
> >
> > #navcontainer ul {
> >     list-style-type: none;
> >
> >    text-indent: 20px;
> > }
> >
> >
> >
> > #navcontainer  li {
> >    background: url(/templates/bodaestilo/images/icono_amarillo.gif)
> > no-repeat;
> >    background-position: left , bottom;
> > }
> >
> >
> > El problema me surge cuando inserto el texto, que me sale por  
> > debajo del
> > icono. Os adjunto una imagen para que lo veais mas claro.
> >
> > ¿Podríais ayudarme o darme una pista de como hacer que salga  
> > alineado texto
> > e icono?
> >
> > Gracias de antemano, un saludo.
> > _______________________________________________
> > 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
> 
> --
>    Marco Giacomuzzi
>    tel. (+34) 670 559 134
> 
>    http://www.seraccesible.net/
>     


_______________________________________________
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

Responder a