Nelle liste come si sostituisce il pallino con altro?

[Mich_]

list-style-type: none;
list-style-image: url(...);

Oppure:
list-style-type: none;
background-image: url(...);

In ambedue i casi dovrai regolare esplicitamente margin e padding

[Mich_]

La cosa piu` semplice (per non avere problemi cross-browser) e` allora di usare un link dentro la lista, togliendo il pallino al link e mettendo lo sfondo al tag a. Poi devi preparare una immagine che contenga le due immagini (riposo e :hover) e poi sposti il background: lo stesso metodo riportato per i link soliti:

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul a {
  background: url(...);
  background-position: 0 0;
  padding: Xpx 0 0 0;   
}
ul a:hover {
  background-position: Ypx 0;  
}

dove X e` la larghezza dell'immagine
dove Y e` l'altezza di meta` immagine; praticamente l'altezza dell'immagine singola

[Mich_]

Originariamente inviato da matteostringher
ah comunque io dicevo cambiare l'immagine. Ma basta inserire in a:hover un'altro background.

Potrebbe sembrare, ma funziona male: all':hover va a cercarsi l'immagine in rete, e questo e` un tempo enorme a volte (puo` essere anche piu` di un secondo: troppo per il web di oggi).

Nelle prove che fai tu, il tuo browser ha l'immagine in cache e questo tempo e` azzerato.