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

den_master

  • Захожу иногда
  • 62
  • 0 / 2
Доброго времени форумчане.есть вопросик
на сайте master1ok.ru имеются материалы содержащие таблицу например master1ok.ru/nashi-tseny.html,  и отображаются в обычном режиме корректно, но если зайти с мобильного ус-ва
то таблица не отображается полностью (пол таблицы уезжает за экран), ткните меня пож как можно это исправить .
заранее спасибо за ответ
*

Shustry

  • Moderator
  • 6434
  • 744 / 3
У вас там стилем прописано width: 602px. Замените на max-width: 602px
*

den_master

  • Захожу иногда
  • 62
  • 0 / 2
У вас там стилем прописано width: 602px. Замените на max-width: 602px
спасибо за ответ, я так понимаю нужно менять в template CSS для всех таблиц width на max-width?
а есть способ чтоб каждый раз не прописывать вручную
*

Shustry

  • Moderator
  • 6434
  • 744 / 3
Пропишите в CSS

Код: css
table {max-width: 602px !important};
*

den_master

  • Захожу иногда
  • 62
  • 0 / 2
в template.css нашел
Код
table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
меняю на
Код
table.position
{
  position: relative;
  width: max-width: 602px !important;
  table-layout: fixed;
}
и потом правлю таблицу в материале, или удалить и создать заново
*

Shustry

  • Moderator
  • 6434
  • 744 / 3
Ну потом тогда нужно в контенте писать <table class="position">, раз так стили написали.
*

den_master

  • Захожу иногда
  • 62
  • 0 / 2
уррааааа получилось
в template.css заменил
Код
table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
на
Код
table.position
{
  position: relative;
  max-width: 50% !important;
  table-layout: fixed;
}
в template.responsive.css отвечает походу за мобильную весию
Код
.responsive .responsive-tablet-layout-cell 
{
   width: 50% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
на
Код
.responsive .responsive-tablet-layout-cell 
{
   width: 25% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

далее в материалах в свойстве таблицы
поставил ширина avto
*

Shustry

  • Moderator
  • 6434
  • 744 / 3
*

den_master

  • Захожу иногда
  • 62
  • 0 / 2
Только auto ^-^
Только auto ^-^
извини обшибся
и спасибо за помощ
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор svarg

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

Автор svkiller2007

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

Автор sergspb

Ответов: 7
Просмотров: 550
Последний ответ 15.04.2021, 13:51:54
от xpank
Мультиязычное меню в Helix-2 (Joomshaper) - отображается только одно из

Автор Арим

Ответов: 4
Просмотров: 2441
Последний ответ 14.04.2021, 21:34:14
от nsklital
Не отображается QuickForm 3 в мобильном

Автор alexkraym

Ответов: 3
Просмотров: 760
Последний ответ 03.03.2021, 21:36:13
от John_Flores