centrare in altezza ul li img + botton

[superbau]

salve, come posso centrare questo codice in altezza... in una tabella avrei fatto valign=center ma qui?

				
<ul id="UlPref01">[*]
   <a href="#" onclick="overlayclose('pianeta001'); return false">
   <button>Chiudi</button>
   </a>
   [img]img/pianeti/piccoli/pianeta001.gif[/img]
 [/list]

#UlPref01{
list-style-type:none;

}

grazie per la disponibilità, ciao

[Mich_]

Se devi allineare la scritta e l'immagine, ti basta usare:
#UlPref01 li {
vertical-align: middle;
}

Pero` devi eliminare il <button> all'interno del link: non ha senso usato cosi` e potrebbe scombinare il layout.

[superbau]

a me serve così con il button, come lo allineo VERTICALMENTE?

[Mich_]

Non puoi inserire un <button> all'interno di un <a>.
Oltre che non avere senso, non e` neppure corretto sintatticamente.
Inoltre il button deve chiamare un evento, che tu invece hai messo dentro il tag <a>.

Se proprio non puoi fare a meno del button, elimina il tag <a>.

Eventualmente dentro il <button> ci puoi mettere anche l'immagine ( http://www.w3schools.com/tags/tag_button.asp ).

Credo che il button stesso possa essere allineato con il vertical-align (infatti credo si tratti di un elemento inline).

Se metti il button vicino all'immagine l'allineamento va impostato nel blocco[*], altrimenti se l'immagine la metti dentro il button, e` nel button stesso che devi inserire l'allineamento.

[superbau]

quindi la sintassi corretta sarebbe:

<ul id="UlPref01">[*]
   <button onclick="overlayclose('pianeta001'); return false">Chiudi</button>
   [img]img/pianeti/piccoli/pianeta001.gif[/img]
 [/list]

[superbau]

<li style="vertical-align:middle;"><button onclick="overlayclose('pianeta009'); return false">Chiudi</button>
[img]img/pianeti/piccoli/pianeta009.gif[/img]

Ho provato cmq ma non me li allinea nemmeno se il vertical-align:middle lo metto nel button.. praticamente il pulsante è sempre in verticale in posizione botton rispetto all'img... anzi è anche leggermente più sotto...

[superbau]

in allegato l'immagine

[Mich_]

Hai un link per vedere?
Oppure puoi postare uno screenshot di cosa ottieni?

E con quali browser hai testato?
Quale e` la DTD usata?

Edit: vedo adesso che hai postato anche l'immagine. Pero` se c'e` un link e` piu` facile rendersi conto se ci sono altri errori nella pagina.

[superbau]

ti ho postato l'immagine.. testato con IE e con FIREFOX, danno gli stessi risultati

[Mich_]

Potresti anche provare a dare
display: inline;
al <button> (anche se non dovrebbe servire)