Помогите с версткой блока. Нужно, элементы в одну строку

[bukarovalogin 3]

Здравствуйте! Помогите с версткой блока. В скрине все понятно, что нужно сделать! Товары выводятся одним тегом {image}. Нужно сверстать div ами

Заранее спасибо за помощь!

[Lomot 134]

http://htmlbook.ru/css/float

[bukarovalogin 3]

http://htmlbook.ru/css/float

Пожалуйста распишите для меня конкретно. Что куда и как пожалуйста. Дело в том, что в файле вывод стоит одним тегом {image}, было бы несколькими картинками без проблем бы догнала) Буду очень признательна)

[Lomot 134]

тогда ссылку на страницу нужно оставлять

[bukarovalogin 3]

тогда ссылку на страницу нужно оставлять

ссылку оставить не могу на локалке стоит сайт. Думаю все понятно итак

[Lomot 134]

тогда html каким выводятся изображения

[bukarovalogin 3]

тогда html каким выводятся изображения

[head]

<table width="100%" cellspacing="0" cellpadding="0" border="0">

[/head]

[line]

<tr>

<td align="center"><a href="{good_url}" title="{name}">{image}<br />{name}</a></td>

</tr>

[/line]

[foot]

</table>

[/foot]

Вот теги из документации

Только нужно обязательно div ами. Огромное заранее спасибо! Могу ссылочку в знак благодарности поставить)))

[Lomot 134]

Да блин, я не про это..

Что конкретно выведет {image}?

Ладно попробую догадаться, все что между [line] это одна позиция, и как раз их нужно в одну строку? ок, ладненько.

Примерно так

[head]

<div class="all_pos">

[/head]

[line]

<div class="one_pos">

  <a href="{good_url}">

   <span class="img_pos">{image}</span>

   <span class="name_pos">{name}</span>

  </a>

</div>

[/line]

[foot]

</div>

[/foot]

.all_pos{overflow: hidden;}

.one_pos{float: left; width: 100px; height: 100px; margin: 15px 0 0 0 15px;}

.one_pos:first-child{margin-left: 0;}

.one_pos .img_pos:after{content: ""; line-height: 100px;}

.one_pos span{display: block; text-align: center;}

.one_pos img{max-width: 100%; max-height: 100%; vertical-align: middle;}

[bukarovalogin 3]

Спасибо! Помогло! Ставлю +