immagini diverse in una lista

[gabar-el]

ciao, è possibile avere immagini diverse in una lista? io ho fatto così ma non visualizzo nulla....
css:

ul {
	list-style-type: none;
}
li.prima {	
	list-style-image: url (image/prima.png); 
}
li.seconda {
	list-style-image: url (image/seconda.png);
}
li.terza {
	list-style-image: url (image/terza.png);
}
li.quarta {
	list-style-image: url (image/quarta.png);
}
li.quinta {
	list-style-image: url (image/quinta.png);
}

html:

<ul>
			<li class="prima">***
			<li class="seconda">***
			<li class="terza">***
			<li class="quarta">***
			<li class="quinta">***
		[/list]

sbaglio forse qualcosa?
thank's

[fcaldera]

li {
  background-position: center left;
  background-repeat: no-repeat;
}

li.prima {	
	background-image: url (image/prima.png); 
}
li.seconda {
	background-image: url (image/seconda.png);
}
li.terza {
	background-image: url (image/terza.png);
}
li.quarta {
	background-image: url (image/quarta.png);
}
li.quinta {
	background-image: url (image/quinta.png);
}

[gabar-el]

ho provato ma nulla! ma così non modifico solo un fatto di layout? io mio problema è che non vedo proprio le immagini, eppure il collegamento è giusto....

[fcaldera]

list-style-* si usa a livello di lista <ul>, [list=1]
e non a livello di list-item[*]

quindi in quel caso si dovrebbe usare il background

se non vedi le immagini
- può dipendere dal formato png? usi delle trasparenze?
- può dipendere da come le hai tagliate? (c'è troppo spazio attorno al bullet?)
- succede sia su IE che su Firefox e altri?
- dipende dal fatto che la lista ul ha un margine sinistro negativo che potrebbe nascondere l'inizio di ciascuna voce?


Se posti un link è più facile vedere dove sia il problema

[gabar-el]

direi che il problema è che lo uso a livello di list item che non si può, vedo di provare con il background allora....

[fcaldera]

Originariamente inviato da gabar-el
ho provato ma nulla! ma così non modifico solo un fatto di layout?

Originariamente inviato da gabar-el
vedo di provare con il background allora...

ma scusa... allora prima avevi provato o no?

[gabar-el]

ok, così può andare, ma mi rimangono allineate dietro a sx, come posso metterle a fianco, con un margin negativo? Ma a sto punto mi chiedevo se non fosse meglio evitare le liste....
thank's

[fcaldera]

Originariamente inviato da gabar-el
ok, così può andare, ma mi rimangono allineate dietro a sx, come posso metterle a fianco, con un margin negativo? Ma a sto punto mi chiedevo se non fosse meglio evitare le liste....
thank's

li {
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px; /* cambia la distanza in base allo spazio che desideri */
}