Salve a tutti!
Ho un ernome problema col mio sito web di fotografie, il problema è questo.

Voglio far visualizzare delle foto 30x30 sullo sfondo della pagina e riempirla in questa maniera :

<div align="center">

[img]foto/1.jpg[/img]
[img]foto/2.jpg[/img]
[img]foto/3.jpg[/img]

</div>

Questo è il css :

body {
font-family: Tahoma, Arial, Verdana;
font-size: 13px;
color: #333333;
margin: 0px;
padding: 0 1%;
background-color:#000000;
line-height:16px;
}

img {
border:none;
}



Fatto questo tutte le immagini sono separate e non appiccicate come vorrei io, quindi sono separate (sembrerebbe da 1 px). Se voglio che si aggancino l'una all'altra devo fare così :

Innanzitutto non utilizzo la proprietà <div align="center"> ma <div>
e poi nel CSS vado a modificare così le proprietà :

img {
float:left;
border:none;
}

In questa maniera ho un risultato, i bordi scompaiono, ma non quello che cercavo, quindi "flottando" le immagini verso sinistra e non posso centrarle col div.

Io vorrei centrare tutte le immagini in maniera tale che le foto si dispongano centralmente e non lateralmente xkè mi da un effetto layout che non mi piace.

Domanda :

Esiste un modo per evitare il FLOAT e centrare tutte le immagini con un div center e eliminare i bordi?Cosa c'è che non funziona?


Ci ho perso una notte intera e non capisco il motivo di cio.


Grazie anticipatamente

Rock'in