Один раздел = верт. и гориз. изображения

[CoderW]

День добрый,

вот решаю одну проблему с изображинеим вертикальных и горизонтальных продуктов.
Речь идёт о картинах, есть картины вертикальные а есть горизонтальные.

Нужно чтобы было два разных видов изображения. Один вид для горизонтальных рисунков а другой для вертикальных.

Ктото знает как?

 

[krdma]

сделайте float:left для картинки, а описание для вертикальных картинок будет обтекать картинку. Останется только красоту навести.

 

[ZOLK]

Вот лови, набросал

<style>
ul li{
  list-style: none;
  margin-right: 20px;
  float: left;
}
.image-h, .image{
  width: 100px;
  height: 100px;
  background:#000;
}
.fleft{
  float: left;
}
.text-h{
  float: left;
  vertical-align: bottom;
}
</style>

<ul>
  <li>
    <div class="image-h fleft"></div>
    <div class="text-h fleft">text</div>
  </li>
  <li>
    <div class="image"></div>
    <div class="text">text</div>
  </li>
</ul>

 

[CoderW]

Спасибо большое, тоесть мне у товаров, которые вертикальны добавлять класс и всё?
Реально спасибо за идею и Для просмотра ссылки Войди или Зарегистрируйся, спасибо за пример!

 

[CoderW]

Есть еше одно но. В настройках Opencart есть параметр, отвечающий за размеры картинки в категории. Так вот как же указать два размера если параметр один.

У меня горизонтальные 300×222 пикселя а вертикальные 145×222 пексиля.

А вообще кто нибудь сталкивался с тем, что нужно сделать в каталоге два разных отображения товара? Или это полный бред?