Griglia fotografica sovrappone immagini

[fraude]

Ciao.

Non riesco a far funzionare una griglia fotografica realizzata in css.
Le immagini invece di affiancarsi si sovrappongono, perchè?
Grazie

.wrapper{width:540px}
.immagini{
  width:250px;
  margin-left:10px;
  overflow:hidden
}
.immagini li{
  width:25px;
  height:500px;
  float:left;
  margin:2px 2px 2px 2px;
}


<div class="wrapper">
  <ul class="immagini">[*][img]/images/24 feb.jpg[/img][*][img]/images/25 feb.jpg[/img][/list]
</div>

[skjobax]

Il problema è l'attributo margin del tag li.
Modoficalo appropriatamente e funzionerà

[Mich_]

Originariamente inviato da fraude
Ciao.

Non riesco a far funzionare una griglia fotografica realizzata in css.
Le immagini invece di affiancarsi si sovrappongono, perchè?
Grazie
...

Il CSS sembra a posto per quanto riguarda il float. Puoi provare a togliere l'overflow, per vedere se e` quello che interferisce.
Invece ti mancano degli attributi per far funzionare la lista per far affiancare oggetti:
1. devi definire anche l'attributo padding sia al <ul> che al[*] (alcuni browser hanno un padding-left di default)
2. devi definire list-type:none altrimenti vedrai anche il pallino che interferisce con le immagini

E ci sono errori nei nomi dei file: gli spazi non ci possono stare nei nomi. I sistemi windows li accettano, ma altri sistemi no, e non sai mai attraverso quali server passa il tuo file e in quali browser viene visualizzato

Ti consiglio comunque di passare dai validatori (sia HTML che CSS), che ti individuano almeno gli errori di sintassi (e ti evitano alcuni mal di pancia).