[CSS]jak ustawić miniaturki pod ramką idealnie po srodku Opcje

[neo1986kk]

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?

Ten post edytował neo1986kk 27.05.2011, 21:20:58

[Ilware]

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

[mortus]

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.

Ten post edytował mortus 27.05.2011, 22:13:23