Город Шарыпово Красноярского края
Городской округ город Шарыпово Красноярского края.

Таблицы: масштабируемость

Автор: Александр Васюткин
Смотрим отображение при уменьшении размеров экрана
Таблицы: масштабируемость.

Варианты использования таблиц

Три цветовые схемы. Используется Таблица, в ячейки которой вложены ещё 3 таблицы.
Цветные таблицы вставлены в таблицу из 5 колонок: бежевая - пустая - салатовая - пустая - голубая.
Размер границ 0, внешний отступ ячеек 0, внутренний отступ ячеек 7.

При такой подаче информации при уменьшении экрана часть данных будет не видна. Т.е. на телефоне будет видна только левая часть.

Заголовок #e5e5ca
Белый фон строки
#f8f8ec #eeeede
Заголовок #d5e5c5
Белый фон строки
#edf5e9 #e2ecdc
Заголовок #aec6e7
Белый фон строки
#e5effd #d0e0f6

Попробуем сделать 3 отдельные таблицы :)

Цена за единицу 500.00
Получено единиц 2
Сумма 1 000.00
   
Таблица № 2
Информация 1 есть
Увеличиваем ширину  нет
Таблица № 3
Информация смотрим
Информация ширину

  

  

  

Рушится перенос. След строка начинает писаться справа от таблицы. Здесь сделано 3 переноса строки с 2 пробелами вначале.

В свойствах таблиц указываем: 
Внешний отступ ячеек:
Выравнивание:  По левому краю. 

Не могу сделать пробел между таблицами. 
margin - не работает. Вставляю в режиме "Источник", при сохранении - margin исчезает.
  тоже не работает.

Вот как выглядеит это на экране 480 рх

Таблица 2 почему-то не переносится на следующую строку...
Хотя, если сделать 1 таблицу шире - вторая тоже сдвинется вниз.

Но можно скролить вправо, так что 1 таблица выглядит лучше :)

Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Это позволяет нам анализировать взаимодействие посетителей с сайтом и делать его лучше. Продолжая пользоваться сайтом, вы соглашаетесь с использованием файлов cookie