Farklı boyutta ki resimleri alttan hizalama – Resimlere üst boÅŸluk ekleyerek div in altına hizalama php destekli

9 AÄŸustos 2009
Kategori CSS Örnekler, PHP | 1 Yorum

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.

PHP:
$size = getimagesize("smile/$row1[resim]");
$boy = $size[1];
$boy = 150-$boy;

kutu için kullandığım css kodu

CSS:
.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

PHP:
echo '
<div class="kutu" style="padding:'.$boy.'px 0px 10px 0px"><a href="smile/'.$row1[resim].'"><img src="smile/'.$row1[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.

Renkler: , , , , , , , , , , ,

Yorum

One Response to “Farklı boyutta ki resimleri alttan hizalama – Resimlere üst boÅŸluk ekleyerek div in altına hizalama php destekli”

  1. admin on Ekim 10th, 2009 5:06 pm

    güzel yazı

Yorum Yazin




Reklam Bolumu

Baðlantýlar

Webmaster Sözlük Yakında

Webmaster sözlük çok yakında hizmetinize açılacaktır.