Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

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

mirstiker

  • Захожу иногда
  • 66
  • 0 / 0
Адаптировать таблицу с изображением
« : 14.07.2015, 18:41:17 »
Ребят проблема в следующем, при открытии страницы в разрешении 533x853 px и ниже соответственно, таблицы выходят за рамки контента.

Использую фреймворк bootstrap 3 в документации сказано, что бы адаптировать table необходимо присвоить класс .table-responsive

Где расположен код, который динамически выводит таблицы?
Использую для отображения материала обычный HTML модуль.

Наглядно как это отображается :

Спойлер
[свернуть]
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Адаптировать таблицу с изображением
« Ответ #1 : 15.07.2015, 10:01:15 »
<div class="table-responsive">
  <table>
    ...
  </table>
</div>
div по умолчанию должен быть по ширине контейнера родителя, таблица в нем - с горизонтальной прокруткой
Записан
*

mirstiker

  • Захожу иногда
  • 66
  • 0 / 0
Re: Адаптировать таблицу с изображением
« Ответ #2 : 15.07.2015, 12:31:00 »
Цитата: AlekVolsk от 15.07.2015, 10:01:15
<div class="table-responsive">
  <table>
    ...
  </table>
</div>
div по умолчанию должен быть по ширине контейнера родителя, таблица в нем - с горизонтальной прокруткой

 нужно div class="table-responsive' присвоить в разметке шаблона, где выводится модуль HTML?
« Последнее редактирование: 15.07.2015, 12:40:18 от mirstiker »
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Адаптировать таблицу с изображением
« Ответ #3 : 15.07.2015, 14:42:25 »
вы таблицу где выводите? в теле модуля? вот там ее и оберните в div
Записан
*

mirstiker

  • Захожу иногда
  • 66
  • 0 / 0
Re: Адаптировать таблицу с изображением
« Ответ #4 : 15.07.2015, 20:14:56 »
Цитата: AlekVolsk от 15.07.2015, 14:42:25
вы таблицу где выводите? в теле модуля? вот там ее и оберните в div

сделал как  написали и все стало хорошо) ловите+ .В теле модуля не нашел table  хочется ему присвоить класс.

Спойлер
[свернуть]


это свойство выводит  таблицы, где ее искать?
« Последнее редактирование: 16.07.2015, 00:19:18 от mirstiker »
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Адаптировать таблицу с изображением
« Ответ #5 : 15.07.2015, 22:55:26 »
это - не тело модуля, тело - это то, что вы в редакторе в админке набираете, т.е. выводимый модулем контент
Записан
*

mirstiker

  • Захожу иногда
  • 66
  • 0 / 0
Re: Адаптировать таблицу с изображением
« Ответ #6 : 16.07.2015, 00:32:02 »
Цитата: AlekVolsk от 15.07.2015, 22:55:26
это - не тело модуля, тело - это то, что вы в редакторе в админке набираете, т.е. выводимый модулем контент

с этим разобрался <div class="table-responsive">
, а где класс с таблицами искать, чтобы присвоить  на все страницы ? сделать например так:   <table class="content_table">
Записан
*

mirstiker

  • Захожу иногда
  • 66
  • 0 / 0
Re: Адаптировать таблицу с изображением
« Ответ #7 : 20.07.2015, 21:42:36 »
Гуру, помогите разобраться в нелегком деле? ::) как добавить свой class к таблицам <table class="Мой класс"> чтобы отображался на всех страницах материала.
« Последнее редактирование: 22.07.2015, 21:47:24 от mirstiker »
Записан
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
Re: Адаптировать таблицу с изображением
« Ответ #8 : 24.07.2015, 15:55:48 »
А как Вы добавите везде, если Вы каждый раз таблицу ручками в контент вставляете? Вот когда вставляете, там и добавляйте.
Записан
*

mirstiker

  • Захожу иногда
  • 66
  • 0 / 0
Re: Адаптировать таблицу с изображением
« Ответ #9 : 24.07.2015, 16:07:49 »
Цитата: b2z от 24.07.2015, 15:55:48
А как Вы добавите везде, если Вы каждый раз таблицу ручками в контент вставляете? Вот когда вставляете, там и добавляйте.

мда решение не из легких т.к придется каждую страницу править, жаль что по другому никак.
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Адаптировать таблицу с изображением
« Ответ #10 : 24.07.2015, 22:32:55 »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как адаптировать таблицы под мобильную версию?

Автор PNP

 Ответов: 4
Просмотров: 2811 		Последний ответ 17.10.2021, 22:59:27
от darkghost
Адаптировать картинку с анмацией

Автор GuN

 Ответов: 1
Просмотров: 1286 		Последний ответ 10.08.2017, 11:50:23
от SheriffDM
Как создать красивую таблицу в Joomla 3?

Автор Accentor

 Ответов: 1
Просмотров: 8860 		Последний ответ 25.06.2014, 17:54:57
от SmiP
Подключенный CSS отображается изображением

Автор alexcarver

 Ответов: 3
Просмотров: 1451 		Последний ответ 28.06.2013, 16:41:20
от umbabaraumba
Убрать таблицу или сделать одну колонку

Автор Tatijna

 Ответов: 4
Просмотров: 1769 		Последний ответ 15.10.2012, 19:01:00
от Tatijna