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

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


     10.02.2016    Стили (CSS)    935

вопрос
Как сделать постеры одинаковой высоты в 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
54 | 5

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
9

192 | 33

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

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

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

WIGGO
7

42 | 12

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

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

finik
54 | 5

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

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

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

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

 23.06.2012 SlimYalta  Стили (CSS)