allineare immagini su più righe

[chiarapr]

Ciao a tutti,
ho la necessità di allineare delle immagini ( 9 ) su più righe, immagini che mi servono da collegamento ad altre pagine.
ho provato a fare in questo modo:

<div id="corpo">
<ul>[*] [img]img/f1.jpg[/img][*] [img]img/f2.jpg[/img] [*] [img]img/f3.jpg[/img][/list]
<ul>[*] [img]img/f4.jpg[/img][*] [img]img/f5.jpg[/img] [*] [img]img/f6.jpg[/img][/list]
<ul>[*] [img]img/f7.jpg[/img][*] [img]img/f8.jpg[/img] [*] [img]img/f9.jpg[/img][/list]
</div>

ma le immagini mi escono tutte in verticale, allineate a sinistra e precedute dal puntino nero.

dove sbaglio?
grazie

[fcaldera]

per vederle in orizzontale devi mettere i vari[*] in float e
height: auto e overflow: hidden agli <ul> (per fare clearing)

per togliere il puntino assegna list-style-type: none agli <ul>

[chiarapr]

Grazie!
ho fatto così:

ul#corpo{list-style: none;
height: auto;
overflow: hidden
}

ul#corpo li{float:left
}

solo che le immagini, su ogni riga, mi risultano attaccate l'una all'altra e tutte allineate in alto.... io invece vorrei averle centrate, nella riga, sia lateralmente che in altezza.
questa pagina l'ho già fatta con le tabelle e va bene, ma stò studiando i css e vorrei evitare le tabelle come tutti consigliano.

[fcaldera]

Originariamente inviato da chiarapr
io invece vorrei averle centrate, nella riga, sia lateralmente che in altezza.

per spaziare le immagini ti basta dare un margin-right ai vari[*]

per centrare il tutto la cosa è già stata spiegata sul forum (vedi link utili o ricerca con la parola centrare) però implica che tu inserisca le tue liste in un div e che tu conosca a priori le altezza e larghezza di questo contenitore

[chiarapr]

per spaziare le immagini ti basta dare un margin-right ai vari[*]

questo però significa che per ogni riga ( ul ) dovrò dare un margine in px diverso perchè le immagini non hanno le stesse dimensioni, inoltre la spaziatura a sx e dx non è uguale.
e cosa succede poi cambiando risoluzione video?

grazie per i tuoi aiuti