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