0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 102 Просмотров
*

phvsfpgs

  • Захожу иногда
  • 103
  • 0 / 0
Слайдеры в ряд
« : 06.08.2018, 09:46:32 »
Подскажите пожалуйста как сделать слайдеры вряд?

*

dm-krv

  • Давно я тут
  • 519
  • 7 / 0
Re: Слайдеры в ряд
« Ответ #1 : 06.08.2018, 21:20:27 »
Если у этих слайдеров фиксированная ширина, то можно использовать свойство display: inline-block;
Ежели нет и надо адаптивно, то можно использовать ширину в процентах, а для слишком маленьких экранов используя медиазапрос сменить проценты на адекватные.
Еще можно использовать реальную таблицу или превратить блоки в таблицу при помощи свойств tabe и table-cell

P. S. Еще можно заюзать сетку bootstrap, если он подключен в шаблоне - самый простой вариант, так как большинство шаблонов с бутстрапом идут.

Код
<div class="row">
  <div class="container">
    <div class="col-xs-4">content</div>
    <div class="col-xs-4">content</div>
    <div class="col-xs-4">content</div>
  </div>
</div>

А вообще, в идеале дали бы вы ссылку на сайт на предмет поглядеть.
« Последнее редактирование: 06.08.2018, 21:24:48 от dm-krv »
*

phvsfpgs

  • Захожу иногда
  • 103
  • 0 / 0
Re: Слайдеры в ряд
« Ответ #2 : 06.08.2018, 22:47:34 »
Они автоматически меняют размер под сайт, А можно сделать модуль HTML и как то закинуть туда эти слайдеры сеткой?
*

dm-krv

  • Давно я тут
  • 519
  • 7 / 0
Re: Слайдеры в ряд
« Ответ #3 : 07.08.2018, 09:05:07 »
Они автоматически меняют размер под сайт, А можно сделать модуль HTML и как то закинуть туда эти слайдеры сеткой?

Вы ссылку дайте для начала, а потом объясните, откуда эти слайды вообще. Они каким-то компонентом выводятся или просто html-код кривой?
*

draff

  • Живу я здесь
  • 3525
  • 227 / 6
  • Ищу работу
Re: Слайдеры в ряд
« Ответ #4 : 07.08.2018, 09:30:25 »
Если не используется bootstrap, или версия не 4, то display: flex для контейнера картинок/слайдов в помощь.
Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart -> Коммерческий раздел     |    Отзывы
Создам плагин , модуль под заказ для VirtueMart , JoomShopping
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться