Как сделать в списке материалов, чтобы заголовок и голосование шло справа от картинки? - K2

Вот как у меня http://www.vtorrevieje.com/ru/gid/obzor-goroda-torrevieha.html

А вот как хочу сделать http://www.torrevieja.com/ru/%D0%BF%D1%83%D1%82%D0%B5%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D1%8C/index.2.html

Нужно чтобы название статьи и рейтинг обтекали справа картинку, тогда будет намного красивее и приятнее

Подскажите как 

Просто сделайте изменения в файле шаблона  category_item.php  (находится в ...\components\com_k2\templates\default\)
Нужно поле относящееся к загаловку catItemTitle и поле относящееся к рейтингу catItemRatingBlock, вставить ниже поля картинки catItemImageBlock

Получится примерно так:

<?php if($this->item->params->get('catItemImage') && !empty($this->item->image)): ?>
     <!-- Item Image -->
     <div class="catItemImageBlock">
        <span class="catItemImage">
          <a href="<?php echo $this->item->link; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>">
             <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
          </a>
        </span>
        <div class="clr"></div>
     </div>
     <?php endif; ?>


<?php if($this->item->params->get('catItemTitle')): ?>
     <!-- Item title -->
     <h4 class="catItemTitle">
         <?php if(isset($this->item->editLink)): ?>
         <!-- Item edit link -->
         <span class="catItemEditLink">
            <a class="modal" rel="{handler:'iframe',size:{x:990,y:550}}" href="<?php echo $this->item->editLink; ?>">
               <?php echo JText::_('K2_EDIT_ITEM'); ?>
            </a>
         </span>
         <?php endif; ?>

        <?php if ($this->item->params->get('catItemTitleLinked')): ?>
         <a href="<?php echo $this->item->link; ?>">
           <?php echo $this->item->title; ?>
        </a>
        <?php else: ?>
        <?php echo $this->item->title; ?>
        <?php endif; ?>
     </h4>
     <?php endif; ?>


  </div>
<?php if($this->item->params->get('catItemRating')): ?>
   <!-- Item Rating -->
   <div class="catItemRatingBlock">
      <span><?php echo JText::_('Рейтинг'); ?></span>
      <div class="itemRatingForm">
         <ul class="itemRatingList">
            <li class="itemCurrentRating" id="itemCurrentRating<?php echo $this->item->id; ?>" style="width:<?php echo $this->item->votingPercentage; ?>%;"></li>
            <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('Плохая книга'); ?>" class="one-star">1</a></li>
            <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('Книга на один раз'); ?>" class="two-stars">2</a></li>
            <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('Не зря потраченное время'); ?>" class="three-stars">3</a></li>
            <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('Хорошая книга'); ?>" class="four-stars">4</a></li>
            <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('Отличная книга. Советую!'); ?>" class="five-stars">5</a></li>
         </ul>         
      </div>
   </div>
   <?php endif; ?>

Правда код свой бери. Мой вроде изменен немного.
Если строки будут залазить друг на друга, дели их <br />

Не получается, они после этого также остаются выше картинки. ((

http://vtorrevieje.com/gg.txt вот мой код категории

Может через CSS копать как то?

У меня все получилось
Во вложении файл. Формат только на php поменяйте.
Что сделал.
1. Перенес код блока картинки выше.

<!-- Item Image -->
     <div class="catItemImageBlock">
        <span class="catItemImage">
          <a href="<?php echo $this->item->link; ?>" title="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>">
             <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
          </a>
        </span>
        <div class="clr"></div>
     </div>
     <?php endif; ?>

2. В поле рейтинга удалил строку <div class="clr"></div> и поменял на <br />
3. В K2.css вствьте в строку блока картинки расположение слева

div.catItemImageBlock {padding:0px;margin:0 8px 0px 0;float: left;}

Должно работать.

[вложение удалено Администратором]

Все остается также, только четчки страниц уходит вправо и все что была раньше справа - смещает вниз ((