Allineamento verticale immagine <LI>

[Andrea1979]

Stavo cercando di personalizzare un'elenco puntato, ma non capisco come sistemare il posizionamento verticale dell'immagine che sostituisce il punto elenco... vorrei che tale immagine fosse sempre centrata verticalmente nella riga[*]

Questo è il mio CSS relativo a quella parte (fin'ora)

#navigation ul {
	list-style-position: outset;
	list-style-image: url(images/mer.jpg.gif);
	list-style-type: none;
}
#navigation ul li {
	line-height: 16px;
	
}

e questo in allegato il risultato grafico (è più o meno lo stesso sia in IE6 che in FF). Come si può vedere l'immagine, che è 12px x 12px si allinea molto più in alto del testo dell'elemento[*]

Come si mette mano all'allineamento verticale, se si può, attraverso le proprietà delle liste, prima di rinunciare e passare ad un'immagine di sfondo per le[*]?

Grazie!

[pierofix]

Bè, ovviamente sarebbe più intelligente avere un'immagine di sfondo per ogni elemento di lista ([*]). Il posizionamento verticale lo fai poi così (giocando con il valore evidenziato):

ul
{
   list-style-type:none;
}
   li
   {
      background:#FFF url('images/mer.jpg.gif') no-repeat 0 3px;
   }

Per approfondire: http://www.diodati.org/w3c/css2/colo...def-background .

[Andrea1979]

bhè, grazie per le conferme/smentite e per l'approfondimento che andrò prontamente a leggermi. Credevo che si potessero manipolare gli elementi "punti-elenco" in altra maniera. Sai se è previsto qualcosa in proposito in specifiche future? Penso sarebbe una gran bella aggiunta, accanto all'inset/outset, il decidere anche dove, in verticale, l'immagine debba comparire.