как сделать 4 колонки

здравствуйте. я создаю сайт в джумле... я уже 5 часа мучаюсь как сделать 4 колонки... в меню не получается( когда через меню ставлю 4 колонки картинки вставляются вертикально по одному, и я понял что надо сделать все это в ручную... а нужно чтобы было так
я тут начил искать в коде нашел вот это

Code:

<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

Code:

.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;}

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

 

Элементы поуже сделать. И глянуть, чтоб обтекание стояло у всех...
Поставь web-developer какой-нибудь и смотри, кто у тебя там такой жирный.

 

по уже делал ни помогает я думаю что там надо еще таблицу сделать и впихнуть 4й... но я не работал с таким видом кода... если найду нужный код скопирую и все... но не знаю где искать я уже все файлы по открывал (((

что такое web-developer и как это реализовать?

 

Дополнительная панель для Firefox (есть ли для других браузеров - не в курсе).
И там есть функция - показать свойства элемента под курсором. Наведёшь на элемент - узнаешь его класс или id (точнее, ветку DOM), а дальше подправишь ширину нужных элементов в css.

Можешь и правда сделать таблицу на 4 столбца, в конце концов.

 

аа это в опере есть!! я изменял но это временно...