[css] list-style-image centrare l'immagine

[Ms-Keng]

è possibile centrare l'immagine che ho messo al posto del puntino, in una lista ul?

mi spiego:

ho una lista di snk, ed invece del puntino ho messo una piccola immagine.

l'immagine però mi esce spostata in alto rispetto al link, e se aggiungo una descrzione del link, l'immagine rimane sempre più alta!

come posso centrare l'immagine, in modo che se metto una descrizione, essa compaia al centro, verticalmente tra il link e la sua descrizione?

questo è il codice associato alla lista!
ho commesso qualche errore?
grazie ancora una volta, in anticipo!



#sidebar-a
ul{
list-style-image: url(lista.jpg);
margin: 0;
padding: 0px;
margin-left: 50px;
text-align:left;
}

#sidebar-a
li{
margin: 0 ;
}

[jesus]

Forse fai prima a mettere l'immagine come sfondo all'elemento li e poi la posizioni all'interno come vuoi.
Prova così:

#sidebar-a 
ul{ 
  /*list-style-image: url(lista.jpg); */
  margin: 0; 
  padding: 0px; 
  margin-left: 50px; 
  text-align:left; 
} 

#sidebar-a 
li{ 
  margin: 0;
  background-image: url(lista.jpg);
  background-repeat: no-repeat;
  background-position: left middle;
}

[Ms-Keng]

no, non funge, anzi mi ripete l'immagine due volte!

tnksanywere!

[Jerry Masslo]

Originariamente inviato da jesus
Forse fai prima a mettere l'immagine come sfondo all'elemento li e poi la posizioni all'interno come vuoi.
Prova così:

...
li{ 
  margin: 0;
  background-image: url(lista.jpg);
  background-repeat: no-repeat;
  background-position: left middle;
}

middle non esiste


background-position:left center;

si può pure omettere center perché lo mette di default quando manca il secondo termine

[jesus]

Originariamente inviato da Jerry Masslo
middle non esiste


background-position:left center;

si può pure omettere center perché lo mette di default quando manca il secondo termine

scusate l'errore

andavo di fretta