Новости Joomla

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

phvsfpgs

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

*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 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

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

dm-krv

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

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

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Слайдеры в ряд
« Ответ #4 : 07.08.2018, 09:30:25 »
Если не используется bootstrap, или версия не 4, то display: flex для контейнера картинок/слайдов в помощь.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

При включении https слайдеры разворачиваются

Автор magvayexe3

Ответов: 0
Просмотров: 256
Последний ответ 14.02.2023, 14:31:46
от magvayexe3