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:
#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/
------------------------------------------------------------------------
---
Actualmente vivo en: SANTANDER, Cantabria, España
hablo castellano - parlo italiano - I speak english
------------------------------------------------------------------------
---
_______________________________________________
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
