MegaLab.it

Ciao. Con le liste (html-css) volevo realizzare una sorta di photo gallery per il mio sito. Guardate:



Vedete? Le immagini non sono centrate. Le ho provate tutte. Aiutatemi voi. Se vi serve vi posto il codice. Ditemi.

Postare il codice è sempre la cosa migliore.

Ok. Eccolo:

HTML:

Codice: Seleziona tutto

<div id="gallery">
<ul>
<li><img src="http://www.miosito.it/images/3.JPG"></li>
<li><img src="http://www.miosito.it/images/5.JPG"></li>
<li><img src="http://www.miosito.it/images/6.JPG"></li>
</ul>
</div>



CSS:

Codice: Seleziona tutto

ul {
text-align: center;
width: 90%;
list-style-type: none;
}

li {
float: left;
margin: 8px 0 15px 30px;
background-color: #FFFFFF;
border: 1px solid #176BF5;
list-style-type: none;
padding: 5px;
}


#gallery img {
border: 0px;
width: 120px;
height: 90px;
}


All'inizio avevo messo diplay: inline; anzicchè float: left;, ma è peggio...

IE



Firefox

Posso avere un link?
Con display: inline; mi sembra tutto ok.

Scusami, non credevo postassi subito, così nel frattempo stavo editando il mio post inserendo due screens.

prova a mettere un margine sinistro negativo in ul