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

Teng

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

Спасибо.

*

darkghost

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

Alldar

  • Завсегдатай
  • 1504
  • 195 / 1
Оберните в div допустим с классом .my_div эту таблицу и добавьте стили


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

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

Teng

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

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

Teng

  • Захожу иногда
  • 85
  • 1 / 0
Оберните в div допустим с классом .my_div эту таблицу и добавьте стили


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

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

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

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Цитировать
Оберните в 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 / 0
В самом материале, открываете -хтмл- (на панели) и таблицу помещаете в такой блок
Код
<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 / 0
Здравствуйте, у меня при этом способе таблица обрезается. Точнее обрезается то, что раньше выходило за пределы сайта.
*

Andrey6789965

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

myblogpc.kom

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

AlekVolsk

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

С выводом меню в мобильной версии

Автор svarg

Ответов: 4
Просмотров: 1014
Последний ответ 27.03.2022, 21:25:29
от marksetter
Как добавить иконку с ссылкой в меню мобильной версии?

Автор svkiller2007

Ответов: 4
Просмотров: 2596
Последний ответ 25.01.2022, 21:39:20
от svkiller2007
Как в мобильной версии поставить &quot;блок особенностей&quot; в два столбца?

Автор sergspb

Ответов: 7
Просмотров: 552
Последний ответ 15.04.2021, 13:51:54
от xpank
Адаптировать таблицу к мобильной версии

Автор KingSnake

Ответов: 1
Просмотров: 440
Последний ответ 01.03.2021, 18:21:34
от KKAAZZOO
На мобильной версии стоит шаблон Shaper helixultimate, меню не открывается

Автор cheltcom_ru

Ответов: 14
Просмотров: 664
Последний ответ 21.02.2021, 15:18:59
от cheltcom_ru