Immagini personalizzate per liste

[agata]

Ciao, mi servirebbe una soluzione per il mio menu orizzontale, che ho creato con una lista (ul).

Per ogni li ho impostato un'immagine di background e sono riuscita ad ottenere l'effetto 'punto elenco'.

Vorrei però che il primo punto elenco non venisse visualizzato.

Potreste indicarmi come fare?

Grazie

[whiteduke]

ecco qua
list-style: none;

[floyd46]

prova a creare una classe solo per un determinato punto di quell'elenco, con display:none.
Vedi cosa ti viene fuori.
ciao

[agata]

Non ho usato list-style o list-style-image, ma un background per la classe li, distanziato dalla voce della lista con il padding.

[pierofix]

Un trucchetto c'è, ma non funzia - mavà! - con IE:

ul li+li {
   background:url(img.png) no-repeat 0 50%;
}

Questo applica lo sfondo solo agli elementi della lista preceduti da altri elementi della lista: ne consegue che il primo viene tagliato fuori dal gioco.



Però non ho mai provato. Fammi sapere.

[agata]

Ho provato la tua soluzione, ma (a parte che con IE non funziona, come hai detto) mi rende block il primo elemento, mentre la mia lista deve essere orizzontale.

ho ottenuto un risultato con

.mia_classe li:first-child
{
background: url(none);
}

anche questa nn funziona con IE, con Mozilla si, ma sto facendo ulteriori prove.

grazie per ora

[pierofix]

Prova a mettere semplicemente background:none;.

[agata]

Ho trovato la soluzione qui:

http://css.maxdesign.com.au/listamatic/horizontal33.htm

grazie!