Форум АНТИЧАТ - как сделать 4 колонки

здравствуйте. я создаю сайт в джумле... я уже 5 часа мучаюсь как сделать 4 колонки... в меню не получается( когда через меню ставлю 4 колонки картинки вставляются вертикально по одному, и я понял что надо сделать все это в ручную... а нужно чтобы было так http://s48.radikal.ru/i120/1006/2e/d1dbd04f88bc.jpg
я тут начил искать в коде нашел вот это

Код:

<div class="blog<?php echo $this->params->get('pageclass_sfx'); ?>">



        <?php $i = $this->pagination->limitstart;

        $rowcount = $this->params->def('num_leading_articles', 1);

        for ($y = 0; $y < $rowcount && $i < $this->total; $y++, $i++) : ?>

                <div class="leading<?php echo $this->params->get('pageclass_sfx'); ?>">

                        <?php $this->item =& $this->getItem($i, $this->params);

                        echo $this->loadTemplate('item'); ?>

                </div>

        <?php endfor; ?>



        <?php $introcount = $this->params->def('num_intro_articles', 4);

        if ($introcount) :

                $colcount = $this->params->def('num_columns', 2);

                if ($colcount == 0) :

                        $colcount = 1;

                endif;

                $rowcount = (int) $introcount / $colcount;

                $ii = 0;

                for ($y = 0; $y < $rowcount && $i < $this->total; $y++) : ?>

                        <div class="article_row<?php echo $this->params->get('pageclass_sfx'); ?>">

                                <?php for ($z = 0; $z < $colcount && $ii < $introcount && $i < $this->total; $z++, $i++, $ii++) : ?>

                                        <div class="article_column column<?php echo $z + 1; ?> cols<?php echo $colcount; ?>" >

                                                <?php $this->item =& $this->getItem($i, $this->params);

                                                echo $this->loadTemplate('item'); ?>

                                        </div>

                                <?php endfor; ?>

                                <span class="row_separator<?php echo $this->params->get('pageclass_sfx'); ?>">&nbsp;</span>

                        </div>

                <?php endfor;

        endif; ?>

        

        <?php $numlinks = $this->params->def('num_links', 4);

        if ($numlinks && $i < $this->total) : ?>

        <div class="blog_more<?php echo $this->params->get('pageclass_sfx'); ?> clearfix">

                <?php $this->links = array_slice($this->items, $i - $this->pagination->limitstart, $i - $this->pagination->limitstart + $numlinks);

                echo $this->loadTemplate('links'); ?>

        </div>

        <?php endif; ?>

а это CSS

Код:

.article_row {

        margin:0;

        clear:both;

        padding:0 ;

        float:left;

        width:100%;

        overflow:visible;

        z-index:999;

        position:relative;}

        

        .article_row .cols2 { width:48.2%; float:left;}

        .article_row .cols3 { width:23%; float:left;}

        

        .article_row .cols2 h2,

        .article_row .cols3 h2 { font-size:1.35em; margin-bottom:.25em; clear:both;}

                .article_row .cols2 img,

                .article_row .cols3 img{ margin-right:7px; clear:both; float:left}

        

        .article_row .column1 { background:url(../images/article_sep.jpg) no-repeat center right; padding-right:10px}

        .article_row .column2 { padding-left:10px}        

        

        .article_row .column3 {

                        background:url(../images/article_sep.jpg) no-repeat center left;

                        padding-left:9px;

                        margin-left:10px;}        

                        

        .article_row { background:url(../images/articlerow_sep.jpg) no-repeat top center; padding-top:25px}

                

                

                

        div.articlemore {

                clear:both;

                position:relative;

                overflow:hidden;}

                

        div.articlefooter {

                position:relative;

                overflow:hidden;

                clear:both;

                margin:20px 0 0;}

                

                .blog .blogcontent p.readmore {

                        font-size:1.2em;

                        margin:5px 0 10px;

                        position:relative;}

помогитеееее!! ! ! :( >:( как можно это все реализовать??