Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как сделать постеры одинаковой высоты в owl carousel?

Как сделать постеры одинаковой высоты в owl carousel?


     10.02.2016    Все вопросы » Стили (CSS)    7764

вопрос
Как сделать постеры одинаковой высоты в owl carousel? Фиксированную ширину/высоту задать не могу из за резиновой верстки
Как сделать постеры одинаковой высоты в owl carousel?

HTML

<div id="owl-demo" class="owl-carousel owl-theme">
  <div class="item"><img src="ссылка"></div>
  <div class="item"><img src="ссылка"></div>
  <div class="item"><img src="ссылка"></div>
  <div class="item"><img src="ссылка"></div>
  <div class="item"><img src="ссылка"></div>
  <div class="item"><img src="ссылка"></div>
  <div class="item"><img src="ссылка"></div>
  <div class="item"><img src="ссылка"></div>                  
</div>


CSS

#owl-demo .item{
    margin: 5px;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.item img{
    width: 100%;
    height: auto;
}

Ответил: ПафНутиЙ


#owl-demo .item {
    margin: 5px;
    border-radius: 3px;
    height: 120px;
    overflow: hidden;
}

4 комментария

finik
Юзер

finik - 10 февраля 2016 21:12 -

.item img{
    width: 100%;
    min-height: 300px;
max-height:300px;
}

вместо 300 пикселей поставьте свое значение. но в данном случае может быть перекос постеров, тогда надо:
#owl-demo .item{
    margin: 5px;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   width:150px;
height:300px;
overflow:hidden;
}

dimavdv
Юзер

dimavdv - 10 февраля 2016 21:22 -

советую просто не покупать рипнутые шаблоны или же бесплатно скачивать!

Купите хороший качественный шаблон у крутых ребят на выбор:
sanderart.com
test-templates.com
webrambo.ru

WIGGO
Юзер

WIGGO - 11 февраля 2016 10:05 -

dimavdv, Я не покупал и не скачивал шаблон. Делаю сам, для себя
finik, Так адаптивность ломается

finik
Юзер

finik - 11 февраля 2016 11:48 -

ну так пропишите в @mеdia другие параметры, в зависимости от разрешения экрана.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 23.06.2012 SlimYalta  Стили (CSS)
наверх