Staram się stworzyć galerię zdjęć.
Każde zdjęcie powinno znajdować się w środku odpowiedniego kafelka, a same kafelki poukładane jeden obok drugiego, powiedzmy ,że po 3 w rzędzie.
Walczę z tym już jakąś dłuższą chwilę, ale ani zdjęcia nie chcą mi się równo ustawić w kafelkach, ani kafelki jeden obok drugiego.
Poprosiłbym o pomoc.
Tak wyświetlam obrazki:

[PHP] pobierz, plaintext 
<div id="photobox">
<?php
$allphotos = mysql_query("SELECT * FROM photos WHERE user='".$nick['nick']."'");
while ($numphotos = mysql_fetch_assoc($allphotos)){
echo '<div class="thisphotobox"><img src="'.$numphotos['link'].'" alt="photo" class="photolink"></div>';
}
?>
</div>
[PHP] pobierz, plaintext 

CSS:

[PHP] pobierz, plaintext 
#photobox{
background-color:blue;
width:560px;
margin-left:auto;
margin-right:auto;
box-shadow: 2px 2px 2px 2px grey;
}
 
.thisphotobox{
background-color:green;
padding:10px;
margin:10px;
width:120px;
height:120px;
}
.photolink{
background-color:yellow;
margin:auto;
max-height:90px;
max-width:90px;
padding:auto;
}
[PHP] pobierz, plaintext 

A poniżej link jak to obecnie wygląda. Kolory nałożyłem celowo ,żeby było widać obszar poszczególnych divów:

margin-left:auto i margin-right:auto, nie pomogą, bo img domyślnie ma layout inline.
.thisphotobox{
text-align:center;
float:left; //obok siebie
}
Możesz również oprzeć całość o układ tabeli (nie znaczniki, ale css).

Jeśli chcesz wyśrodkować w pionie, poszukaj o "vertical centering".

Genialnie! dziękuję

P.S. Co się stało z polem o niebieskim tle? Zostały po nim tylko cienie na górnej ścianie

Poszukaj pod frazą "clearfix"