Вывод дополнительных фотографий в строку

[pawok]

Здравствуйте, подскажите пожалуйста, как мне выводить дополнительные фотографии к товару не в столбик, а в строку. А, когда дополнительных фотографий три 4 и более, в две строки.

Вот как они расположены сейчас:

[afwollis]

размер им задай меньше, чтобы умещались по 2 в строку.

[pawok]

размер им задай меньше, чтобы умещались по 2 в строку.

Да, это помогает, но я наверное неправильно сформулировал. Сделав 100х100 размер, у меня две в строку идут картинки (под большой), две ниже также в строку. А, как сделать, чтобы они ещё дальше в строку шли, то есть под кнопку "купить", так как там остаётся пустое место сейчас.

[afwollis]

переверстать этот блок в шаблоне карточки товара.

[pawok]

переверстать этот блок в шаблоне карточки товара.

Методом тыка пеставил, поэтому незнаю верно или нет

      <?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>

Вот сюда:

<!-- AddThis Button END -->         </div>     </div>      <?php } ?>    </div>  </div>

СЮДА

<div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description; ?></a>

Получилось следующее (см прикр).

 

Не могли бы вы мне помочь и переделать код, прямо говоря, чтобы эти фотографии были также как и большая в рмаочках и ещё одна большая рамочка была для них всех, как для описания.