Как сдлеать картинки в ряд

У меня значит в диве плагин выводит картинки рубрик, но такая вот фигня они друг под другом отображаются, как мне сделать их в ряд? Я так понимаю надо что то в CSS ковырять, кто может подсказать?
вот собсна код которым это выводится

<div>
     <?php foreach (get_the_terms(get_the_ID(), 'portfolio_skills') as $cat) : ?>
     <img src="<?php echo z_taxonomy_image_url($cat->term_id); ?>" />
     <a href="<?php echo get_term_link($cat->term_id, 'portfolio_skills'); ?>"><?php echo $cat->name; ?></a>
     <?php endforeach; ?></div>

Еще подскажите как задать размер отображаемых изображений? Пробовал использовать array но нефига не вышло

Коментарии: 1

n@y wega

06.02.2016 13:00

Ответить

Попробуйте сделать так:

<div class="category-list">
     <?php foreach (get_the_terms(get_the_ID(), 'portfolio_skills') as $cat) : ?>
     <div class="img-cat">
         <img src="<?php echo z_taxonomy_image_url($cat->term_id); ?>" />
         <a href="<?php echo get_term_link($cat->term_id, 'portfolio_skills'); ?>"><?php echo $cat->name; ?></a>
     </div>
     <?php endforeach; ?>
</div>

и в стилях прописать:

.category-list:after {
   content: "";
   display: block;
   clear: both;
}
.img-cat {
   width: 200px;
   display: block;
   float: left;
}

.img-cat img {
   width: 200px;
   height: 200px;
}

Как сдлеать картинки в ряд

Свежее