[css] e list-style image

[francescot]

Premesso che non sono un esperto in materia, vorrei creare una lista in cui, al posto dell'ordinario "puntino", ci sia una piccola icona con l'immagine di un documento in pdf.
Una volta introdotto nel sito l'immagine (pdf.jpg, le cui dimensioni sono 15x15), ho dato le seguenti istruzioni al foglio di stile esterno:

ul.lista {font-size:13px; text-align:justify;
list-style-image: url(pdf.jpg)}
["lista" è la classe di riferimento]


Ho pravato anche a sostituire a pdf.jpg http://www.miosito.com/pdf.jpg ma il risultato non cambia: rimane sempre il "puntino" standard.
Ovviamente sbaglio qualcosa. L'immagine jpg è sbagliata nel formato? E' troppo grande? O è solo un errore di compilazione?

Grazie per l'aiuto.

[*pragma]

ciao,
benvenuto nel sito.
leggi qui
http://www.html.it/faq/css/33.htm
- se il controllo la fai direttamente in internet (non in locale) controlla maiuscole e minuscole.
- prova ul.lista li {
- inserisci list-style:none; prima del list-style-image:
fammi sapere
ciao

[francescot]

[CSS]
ul.lista
{font-size:13px;
text-align:justify;
list-style-image: url(pdf.gif)}

[pagina xhtml]
<ul class="lista">
....

Uffa, non capisco: ora ho preso un'immagine gif, ma rimangono i puntini.

[Mich_]

Come diceva pragma, l'immagine deve stare nel[*], non nell'<ul> :
ul.lista{
font-size:13px;
text-align:justify;
}
ul.lista li {
list-style:none;
list-style-image: url(pdf.gif);
}

[francescot]

Scusate, sono un pò duro...in questo campo.

[CSS]
ul.lista{
font-size:13px;
text-align:justify;
}
ul.lista li {
list-style:none;
list-style-image: url(pdf.gif);
}

E UL ha CLASS "lista".

Il risultato: il puntino è scomparso ma manca l'immagine.
:master:
Ho già fatto almeno 2 errori, magari, qualcuno mi dice dov'è il TERZO???

[Mich_]

L'errore tipico in questo caso e` il path del file immagine.

Con quel nome che hai riportato nel tuo CSS, se il CSS e` esterno alla pagina, il file deve essere nella stessa dir del CSS, altrimenti deve essere nella stessa dir del file HTML.
E il nome deve essere corretto (compreso le maiuscole).

[francescot]

Ok, adesso sì chetutto funziona.
GRAZIE 1000!