Problem yaşadığım web sitesi www.msnsmile.com du. Resimleri üstten hizalaya biliyordum. Div in altına hizalamak için bir kaç php kodu işimi gördü ilk olarak resimlerin yüksekliğini aldırdım. getimagesize fonksiyonu ile ve resimlerin en fazla 140px yükseklikleri olduğunu hesap ederek en büyük resimde 10px boşluk kalması için üst taraftan resimleri eklediğim div in yüksekliğini 150 px olarak aldım. 150px lik yüksekliğimdende resimlerin yüksekliğini çıkararak üstten kaç px boşluk bırakırsam resimlerin alttan hizalanmasını sağlayacağımı buldum ve her resim için farklı padding değerleri kullanarak alttan hizaladım.
Kaynak : http://www.csstema.com/php/farkli-b...erek-div-in-altina-hizalama-php-destekli.html
kutu için kullandığım css kodu
while döngüsünde kullandığım php kodu
resimlerin altıdanda 10px boşluk bırakıoruz.
http://www.msnsmile.com/Large-JvP-Pack-3-c42.html en belirgin olan kategori.
Siteyi forumdan bir arkadaşım yapmıştı
sanırım yagmayoq baya oluyor hatırlayamadım yeniden teşekkürler.
Kaynak : http://www.csstema.com/php/farkli-b...erek-div-in-altina-hizalama-php-destekli.html
PHP:
$size = getimagesize("smile/$row1[resim]");
$boy = $size[1];
$boy = 150-$boy;
kutu için kullandığım css kodu
Kod:
.kutu { bottom: 20px; float:left; margin: 10px 0 10px 15px; width: 165px; border:1px solid #000; background: #FFFFFF; text-align:center; }
.kutu img { border:0;}
while döngüsünde kullandığım php kodu
Kod:
echo '<div class="kutu" style="padding:'.$boy.'px 0px 10px 0px"><a href="smile/'.$resim.'"><img src="smile/'.$resim.'" border="0" alt="" /></a></div>';
resimlerin altıdanda 10px boşluk bırakıoruz.
http://www.msnsmile.com/Large-JvP-Pack-3-c42.html en belirgin olan kategori.
Siteyi forumdan bir arkadaşım yapmıştı