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

CoderW

Гуру форума
Регистрация
17 Янв 2013
Сообщения
132
Реакции
59
День добрый,

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

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

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

Вложения

  • view.jpg
    view.jpg
    1,8 MB · Просмотры: 6
сделайте float:left для картинки, а описание для вертикальных картинок будет обтекать картинку. Останется только красоту навести.
 
Вот лови, набросал
Код:
<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>
 
Спасибо большое, тоесть мне у товаров, которые вертикальны добавлять класс и всё?
Реально спасибо за идею и Для просмотра ссылки Войди или Зарегистрируйся, спасибо за пример!
 
Есть еше одно но. В настройках Opencart есть параметр, отвечающий за размеры картинки в категории. Так вот как же указать два размера если параметр один.

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

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