Jump to content
  • 0

Проблема с таблицей в мобильной версии сайта


marischka
 Share

Question

Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.

2017-10-05_10-40-14.png

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Проблема на сайте возникает потому, что при маленькой ширине экрана контент в ячейках элементарно не влазит в таблицу (ширина которой прописана в 100% от ширины окна) и вываливается. Обратите внимание на слов "противовоспалительный", например. Здесь есть два варианта решения:

1) самый примитивный -- в html прописать длинным словам символы мягкого переноса (<wbr> или &shy;). Ширина колонок таблицы ужмется под содержание, правда выглядеть эту будет ужасно. 

2) оптимальный способ -- пропишите главной обертке (body) минимальную ширину, на которой контент не вываливается, например вот так: 

body {
	min-width: 500px;
}

 

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Evsey
      Доброго дня всем матерым верстальщикам.
      Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями.
      А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил.
      Каркас table tr td без объединения ячеек могу сделать, но нужно объединить.
      Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

    • By Yarolina
      Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка:
       
      Пример нужной таблицы во вложениях
       
      Ссылка на код: https://pastebin.com/ZL8GRHU5
       
      Если не отображается ссылка текстовый документ кода во вложениях.
       
      Спасибо за помощь.

      Код.txt
    • By yaparoff
      Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой
      http://skrinshoter.ru/s/100818/0jkG6HkA
      Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало
      Что можно сделать?
      https://codepen.io/anon/pen/VBqBmw
    • By Coder-vasya
      Добрые люди , помогите написать новичку таблицу. Мне дали задание, но я не могу разобраться, учусь на курсах , было всего 2 урока. Таблица на фото. В моем представлении сначала пишется таблица из 11 строк и 8 столбцов. Далее нужно объединить ячейки, затем убрать линии у закрашенных ячеек. Я не знаю как убрать линии у закрашенных ячеек. Далее я не знаю как выставить отступ от границы экрана в процентах , а также не знаю как выставить расстояние внизу между ячейками, как показано на рисунке. В идеале был бы очень признателен за полный код этой таблицы. Для меня проще 1 раз увидеть. Понимаю что для профессионала это 5ти минутное дело. Заранее благодарен откликнувшимся. Верхнюю строку я сделал 5% , чтобы в дальнейшем убрать границы ячеек и тем самым получить отступ от верхней границы экрана. Общая ширина таблицы 80% , далее расположив ее по центру получу по 10 % слева и справа. При удалении лишних ячеек , таблица не корректно отображается.  В общем любыми способами должна получиться таблица как на фото.

    • By skoch244
      Имею таблицу в которой хранятся данные корзины покупателей, хочу что бы она чистилась каждое утро от вчерашних записей, помогите пожалуйста реализовать это с помощью TRUNCATE.
      Вот что я смог сделать:
      mysql_query("DELETE FROM `baskets` WHERE `baskets`.`basket_date`>NOW()-INTERVAL '1' DAY");
      Но этот способ не приемлем, так как удаляет только одну запись по истечению одного дня хранения, а надо все сразу, у всех пользователей.
      `basket_date` имеет формат: 2017-02-14 10:05:32
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy