Html - php düzenleme işi

temamızda galeri diye bir sayfa mevcut.
galeriye panelden resim eklediğimizde ilk 3 resmi alt alta getiriyor.
daha sonra 3 resim daha ekliyor onun yanındaki koluna getiriyor.
biz eklediğimiz her resim 1 er 1er yanına atsın istiyoruz.
temanın html kodlamasındna kaynaklı bir farklılık var. bunu naısl düzenleyebiliriz.
aşağıdaki kodlara bakıp yardımcı olursanız sevinirim.

<div class="row">
            <ul class="blog column column_1_3">
<?php
    $i = 1;
    while($cek = mysql_fetch_array($sql)){
?>
                <li class="post">
                    <a href="<?=$cek['resim1'];?>" data-fancybox="images" data-caption="<?=$cek['baslik'];?>" title="<?=$cek['baslik'];?>">
                        <img src='<?=$cek['resim1'];?>' alt='<?=$cek['baslik'];?>' />
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="etkinlik-<?=$cek['seobaslik'];?>.html" title="<?=$cek['baslik'];?>"><?=$cek['baslik'];?></a>
                        </h2>
                    </div>
                </li>
<?php    if($i %3 == 0){ ?>
            </ul>
            <ul class="blog column column_1_3">
<?php
        }
        $i++;
    }
?>
            </ul>
</div>

<div class="row">
            <ul class="blog column column_1_3">
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
            </ul>
            <ul class="blog column column_1_3">
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
            </ul>
            <ul class="blog column column_1_3">
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
                <li class="post">
                    <a href="indexb878.html?page=post" title="Başlık 1">
                        <img src='images/samples/510x374/image_10.jpg' alt='img'>
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="indexb878.html?page=post" title="Built on Brotherhood, Club Lives Up to Name">başlık 1</a>
                        </h2>
                        <p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
                    </div>
                </li>
            </ul>
        </div>

Tüm kodu ve Css'i görmek gerek.
UL tagına kolon vermek yanlış gibi duruyor. Kolonlarınızı div tagında belirlemeniz gerek.

İlgili sayfanın linkini atarsanız özelden.. İnceleyip yardımıcı olmaya çalışırım. Css kısmını da görmek gerekiyor.

tema linki burada mevcut.



tema linki burada mevcut.

<?php    if($i %3 == 0){ ?>
</ul>
<ul class="blog column column_1_3">
<?php
}
$i++;
}
?>

kısmını silersen olay çözülür. burada her 3 veride <ul> listeni kapatıp açıyor.
yalnız column_1_3 classın yerine column_1_1 yazacaksın. temanın style dosyasında bu class mevcut. ama içeriğini çok kontrol etmedim . bi kayma vs olursa bildirirsin buradan.
Kısacası kodunun düzelmiş hali şöyle olmalı

<div class="row">
            <ul class="blog column column_1_1">
<?php
    while($cek = mysql_fetch_array($sql)){
?>
                <li class="post">
                    <a href="<?=$cek['resim1'];?>" data-fancybox="images" data-caption="<?=$cek['baslik'];?>" title="<?=$cek['baslik'];?>">
                        <img src='<?=$cek['resim1'];?>' alt='<?=$cek['baslik'];?>' />
                    </a>
                    <div class="post_content">
                        <h2 class="with_number">
                            <a href="etkinlik-<?=$cek['seobaslik'];?>.html" title="<?=$cek['baslik'];?>"><?=$cek['baslik'];?></a>
                        </h2>
                    </div>
                </li>
<?php 
}
?>
            </ul>
</div>

maalesef olmadı hocam .

olmayan tam olarak ? sanırım ben ne istediğini tam anlayamadım. pm den detaylı anlatırsan yardımcı olmaya çalışayım