Witam mam prawdopodobnie banalne pytanie

[HTML] pobierz, plaintext 
<div style="float:left; width:500px;"><img class="duze zdjęcie"></img></div>
 
i tutaj chcę aby na środku pojawiały się miniatury, które po kliknięciu będą się pojawiały zamiast dużego zdjęcia.
<div class="malezdjecia" style="float:left; width:500px;"><img style="float:left; margin:2px;"></img><img style="float:left; margin:2px;"></img>.... TU NALEŻY ZAZNACZYĆ ŻĘ NIE ZNAM ILOŚCI ZDJĘĆ</div>
[HTML] pobierz, plaintext 

no i co się dzieje

chcę aby zdjęcia ustawiały się równo po środku a one się ustawiają po lewo, wiem że dlatego że img jest float:left, ale inaczej są po środku tylko że jedno pod drugim

wiecie może jak uzyskać pożądany efekt?

wiem że tabelek już się nie stosuje, a przynajmniej się ich unika, ale myślę że w tym wypadku rozwiążą bardzo dobrze Twój problem

Może zamiast opływania (float) dodaj regułę w CSS:

[CSS] pobierz, plaintext 
.malezdjecia img {
  display: inline-block;
}
[CSS] pobierz, plaintext 

Nie sprawdzałem, więc nie wiem, czy to zadziała. Istotne jest jednak usunięcie atrybutu float z tagów <img ... />

EDIT
I jeszcze dodaj atrybut text-align: center; do stylu diva o klasie malezdjecia.