Форум русской поддержки Joomla!® CMS
06.12.2016, 23:57:57 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

таблица в мобильной версии сайта не отображается полностью

 (Прочитано 150 раз)
0 Пользователей и 1 Гость смотрят эту тему.
den_master
Осваиваюсь на форуме
***

Репутация: +0/-2
Offline Offline

Пол: Мужской
Сообщений: 50



« : 20.09.2016, 21:45:16 »

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

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #1 : 20.09.2016, 22:40:28 »

У вас там стилем прописано width: 602px. Замените на max-width: 602px
Записан
den_master
Осваиваюсь на форуме
***

Репутация: +0/-2
Offline Offline

Пол: Мужской
Сообщений: 50



« Ответ #2 : 21.09.2016, 11:45:06 »

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

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 21.09.2016, 13:16:53 »

Пропишите в CSS

Код
table {max-width: 602px !important};
Записан
den_master
Осваиваюсь на форуме
***

Репутация: +0/-2
Offline Offline

Пол: Мужской
Сообщений: 50



« Ответ #4 : 21.09.2016, 17:40:53 »

в 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
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #5 : 21.09.2016, 17:46:15 »

Ну потом тогда нужно в контенте писать <table class="position">, раз так стили написали.
Записан
den_master
Осваиваюсь на форуме
***

Репутация: +0/-2
Offline Offline

Пол: Мужской
Сообщений: 50



« Ответ #6 : 22.09.2016, 16:09:39 »

уррааааа получилось
в 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
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #7 : 22.09.2016, 16:12:54 »

Только auto Smiley
Записан
den_master
Осваиваюсь на форуме
***

Репутация: +0/-2
Offline Offline

Пол: Мужской
Сообщений: 50



« Ответ #8 : 22.09.2016, 16:18:06 »

Только auto Smiley
Только auto Smiley
извини обшибся
и спасибо за помощ
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet