listas horizontales con viñetas personalizadas

[Votredieu]

Tengo hecho un menu hecho con una lista y a cada item le puse una viñeta personalizada, el problema es que al hacerla horizontal las viñetas desaparecen y no encuentro la forma de hacer que aparescan. Como no encuentro la forma de hacer que aparescan me surgio una duda...

Se pueden hacer listas horizontales con viñetas??? si, sí se puede Cómo lo hago?

Es que no encuentro forma de aparecerlas

A ver si me pueden ayudar con este lio.

[safe]

Creo que la mejor forma de hacer lo que queres es usar una imagen de fondo y darle un pequeño padding-left...

ej:

Código:

li {
   background: url(tuviñeta.gif) no-repeat;
   padding-left: 10px; 
}

Espero te sirva...

[Votredieu]

Siguiendo tu consejo, llegue a este resultado y logre lo que queria

Código PHP:

  ul.navlist li { 
    display: inline; 
    background: left no-repeat; 
    padding: 8px 4px 8px 30px; 
} 
 
li#a { 
     background-image: url(home.gif);         
} 
li#b { 
    background-image: url(forums.gif); 
}....... y las demás viñetas  
   

Como ya era de esperarse en IE no se ve como quisiera, pero esa... ya es otra historia

Muchas Gracias

[safe]

me alegro que te haya servido....
Sobre IE, si bien no aclaras quees lo que se ve diferente, recuerda que siempre puedes definir algun estilo especifico para IE anteponiendo un asterisco antes..

ej:

Código:

div#algo {

  width: 150px;
  * width: 200px;

}

en ese caso en los navegadores como firefox y otros el div tendrá un ancho de 150px mientras que en IE será de 200px.

Con esto podes jugar para que ambos se vean iguales.