Примеры размещения таблиц и рисунков на сайте
Таблица с невидимыми границами (колонки текста)
Эта таблица перестроится на мобильном в один столбец.
Эта таблица перестроится на мобильном в один столбец.
Оберните таблицу тегами [tаble-mobile-stack] Ваша таблица [/tаble-mobile-stack], чтобы на мобильной версии таблица перестроилась в блоки. Блоки будут идти друг под другом.
Для вставки тегов используйте специальную кнопку на панели инструментов.
Эта таблица на мобильных получает горизонтальный скроллинг, чтобы сохранить свою пространственную структуру.
Объект оценки | Стоимость услуги | Сроки выполнения оценки | Примечание |
---|---|---|---|
Коттедж | от 5 000 рублей | от 2-4 дней | Доплата за срочность 50%. Доплата за загородную поездку 2 000 рублей. |
Таунхауз | от 5 000 рублей | от 2-4 дней | Доплата за срочность 50%. Доплата за загородную поездку 2 000 рублей. |
Дача | от 8 000 рублей | от 2-4 дней | Доплата за срочность 50%. Доплата за загородную поездку 2 000 рублей. |
Квартира | от 4 000 рублей | от 1-3 дня | Доплата за срочность 50%. |
Квартира с дизайнерским ремонтом | от 10 000 рублей | от 2-4 дней | Доплата за срочность 50%. |
Оберните таблицу тегами [tаble-mobile-scroll] Ваша таблица [/tаble-mobile-scroll], чтобы на мобильной версии таблицу можно было скролировать по горизонтали.
Для вставки тегов используйте специальную кнопку на панели инструментов.
У таблицы ниже первая строка является заголовком таблицы (строка включена в секцию thead), а также ее ячейки помечены как ячейки заголовка.
На мобильных устройствах эти ячейки будут повторены для каждой строки.
Объект оценки | Стоимость услуги | Сроки выполнения оценки | Примечание |
---|---|---|---|
Коттедж | от 5 000 рублей | от 2-4 дней | Доплата за срочность 50%. Доплата за загородную поездку 2 000 рублей. |
Таунхауз | от 5 000 рублей | от 2-4 дней | Доплата за срочность 50%. Доплата за загородную поездку 2 000 рублей. |
Дача | от 8 000 рублей | от 2-4 дней | Доплата за срочность 50%. Доплата за загородную поездку 2 000 рублей. |
Квартира | от 4 000 рублей | от 1-3 дня | Доплата за срочность 50%. |
Квартира с дизайнерским ремонтом | от 10 000 рублей | от 2-4 дней | Доплата за срочность 50%. |
Оберните таблицу тегами [tаble-mobile-stack-labels] Ваша таблица [/tаble-mobile-stack-labels] , чтобы на мобильной версии таблица перестроилась в блоки. Каждый блок будет идти друг под другом. В таблице обязательно должен быть заголовок таблицы (thead), он будет отображаться перед каждой строкой таблицы.
Для вставки тегов используйте специальную кнопку на панели инструментов.
Чтобы в такой таблице сделать первую строку заголовком таблицы (создать секцию thead), выделите ее и вызовите диалог «Свойства строки таблицы». В появившемся диалоге установите тип строки «Заголовок».
Чтобы установить тип ячеек, выделите строку и вызовите диалог «Свойства ячейки таблицы». В появившемся диалоге установите тип ячейки «Ячейка заголовка». Тип будет установлен одновременно для всех выделенных ячеек таблицы.
Рисунки с выравниванием вправо или влево не могут занимать больше 45% доступной ширины. На мобильных устройствах они оставляют место для обтекающего их текста, как показано на примере ниже.
Рисунки с выравниванием по центру или без выравнивания не могут занимать больше 100% доступного пространства. Им не надо оставлять место для обтекающего текста, но они не выйдут за пределы текстового столбца даже на узких экранах мобильных устройств.