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

Teng

  • Осваиваюсь на форуме
  • 85
  • 1
Здравствуйте. очень нужна помощь — подсказка.
Как сделать (настроить) "резиновую" таблицу в материале Joomla, что бы нормально отображалась на смартфоне?
У меня на сайте http://www.kuzet-gpa.kz/tseny они какие то то "деревянные" получаются  :(
Мне надо, что бы можно было масштабировать, проматывать вправо-влево, в общем видеть всю информацию.
Как, например здесь  http://www.kuzet-gpa.kz/images/price/price-list.pdf — это файл PDF для скачивания, вот он нормально отображается. Таблица загружается под размер смартфона и без проблем увеличивается и проматывается вправо.

Спасибо.

*

darkghost

  • Практически профи
  • 2100
  • 95
так на странице одна из таблиц имеет фиксированную ширину
Код
ОХРАННО — ТРЕВОЖНАЯ СИГНАЛИЗАЦИЯ ДЛЯ КВАРТИР
<table border="1" style="width: 800px; border-color: #614720;">
Какая может быть резина то?
Если хотите править и смотреть сайт на моб.устройствах --- открываете один из представленных сайтов, вводите адрес, открываете FireBug и прям тут смотрите правила, стили и правите их
*

Alldar

  • Тестеры
  • 1500
  • 185
Оберните в div допустим с классом .my_div эту таблицу и добавьте стили


Код: css
@media screen and (max-width: 800px) {
.my_div {
    max-width:100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
}

это позволит прокручивать таблицу по ширине не распирая сам контейнер
Пожалуйста не дублируйте сообщения в личку/skype/google+. Все вопросы задавайте на форуме! Спасибо!

Клуб шаблонов для Joomla - NorrTheme
*

Teng

  • Осваиваюсь на форуме
  • 85
  • 1
так на странице одна из таблиц имеет фиксированную ширину
Код
ОХРАННО — ТРЕВОЖНАЯ СИГНАЛИЗАЦИЯ ДЛЯ КВАРТИР
<table border="1" style="width: 800px; border-color: #614720;">
Какая может быть резина то?
Если хотите править и смотреть сайт на моб.устройствах --- открываете один из представленных сайтов, вводите адрес, открываете FireBug и прям тут смотрите правила, стили и правите их

Спасибо за ссылки. Я знаю, что все таблицы, кроме первой, фиксированные. Я только с первой экспериментировал ))
*

Teng

  • Осваиваюсь на форуме
  • 85
  • 1
Оберните в div допустим с классом .my_div эту таблицу и добавьте стили


Код: css
@media screen and (max-width: 800px) {
.my_div {
    max-width:100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
}

это позволит прокручивать таблицу по ширине не распирая сам контейнер

Спасибо, я понял, что будет работать.
Еще бы понять куда это все вставлять, прикручивать и оборачивать )))
CSS еще понимаю немного, с дивами проблема.
*

darkghost

  • Практически профи
  • 2100
  • 95
Цитировать
Оберните в div допустим с классом .my_div эту таблицу и добавьте стили
В самом материале, открываете -хтмл- (на панели) и таблицу помещаете в такой блок
Код
<div class="my_div">
<table border="1"
...
</table>
</div>
Открываете файл CSS шаблона (это может быть как тесплате.цсс, лайот.цсс - зависит от самого шаблона, его конструкции) и в самом низу дописываете правила отображения класса
Код
@media screen and (max-width: 800px) {
.my_div {
   max-width:100%;
   overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
}

*

Teng

  • Осваиваюсь на форуме
  • 85
  • 1
В самом материале, открываете -хтмл- (на панели) и таблицу помещаете в такой блок
Код
<div class="my_div">
<table border="1"
...
</table>
</div>
Открываете файл CSS шаблона (это может быть как тесплате.цсс, лайот.цсс - зависит от самого шаблона, его конструкции) и в самом низу дописываете правила отображения класса
Код
@media screen and (max-width: 800px) {
.my_div {
    max-width:100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}



Огромное спасибо! Завтра сделаю.
*

Andrey6789965

  • Новичок
  • 2
  • 0
Здравствуйте, у меня при этом способе таблица обрезается. Точнее обрезается то, что раньше выходило за пределы сайта.
*

Andrey6789965

  • Новичок
  • 2
  • 0
Все, разобрался. Надо фиксированную ширину в свойствах таблицы убирать, тогда она сжимается.
*

myblogpc.kom

  • Новичок
  • 1
  • 0
Как вариант можно таблицу закачать в Google диск, взять код таблицы и разместить на сайте с шириной, например, 100%. Подробнее об этом написано здесь: http://infodio.ru/tablica-dlya-sajta.html
*

AlekVolsk

  • Профи
  • 6312
  • 336
Как вариант можно таблицу закачать в Google диск, взять код таблицы и разместить на сайте с шириной, например, 100%. Подробнее об этом написано здесь: http://infodio.ru/tablica-dlya-sajta.html
сори, но это называется - методом через заднее место )
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

проблема с gantry5 в мобильной версии.

Автор vova630

Ответов: 2
Просмотров: 355
Последний ответ 11.09.2017, 01:30:57
от vova630
Мобильная версия сайта helix

Автор Vitek

Ответов: 0
Просмотров: 80
Последний ответ 03.09.2017, 07:11:30
от Vitek
Поиск информации по Базе другого сайта

Автор CR@B

Ответов: 0
Просмотров: 88
Последний ответ 27.07.2017, 09:49:01
от CR@B
Шапка сайта

Автор Dr.SergeyP

Ответов: 26
Просмотров: 5636
Последний ответ 24.07.2017, 10:39:58
от stendapuss
Версия сайта для слабовидящих, вывод картинки

Автор sibdes

Ответов: 3
Просмотров: 897
Последний ответ 18.06.2017, 11:43:47
от alya22