Инструкции
Главная / Инструкции / Рекомендации / Работа с таблицами / Редактирование свойств таблицы

Редактирование свойств таблицы через редактор сайта Ural-CMS

После создание или размещения таблицы в редакторе сайта у вас появится возможность произвести редактирование параметров отображения таблицы на сайте.


1. В системе управления сайтом найдите раздел с таблицей, параметры которой Вы хотите изменить и перейдите к редактированию этого раздела.


2. На открывшейся странице в поле текстового контента найдите нужную таблицу и установите курсор мыши в любую ячейку.


3. В появившемся меню нажмите на кнопку "Сойства таблицы".


4. В окне "Свойства таблицы" на вкладке "Общее" Вам доступны следующие параметры:

  • "Ширина" - позволяет задать ширину всей таблицы. Ширину таблицы лучше указывать в относительной величине "%" (например 100%). В таком случае браузер сам будет определять необходимую ширину чтобы таблицы помещалась в экран;
  • "Высота" - позволяет задать высоту всей таблицы. Без острой необходимости данный параметр лучше оставить пустым;
  • "Внешний отступ" - позволяет задать внешний отступ у всех ячеек таблицы в пикселях;
  • "Внутренний отступ" - позволяет задать внутренний отступ во ячейках таблицы в пикселях;
  • "Рамка" - позволяет задать толщину рамки таблицы (если оставить поле пустым, то у таблицы не будет видимых границ);
  • "Заголовок" - включение этого параметра включает дополнительное поле для заголовка таблицы;
  • "Выравнивание" - позволяет задать выравнивание текста во всех ячейках таблицы;
  • "Class" - дает возможность выбрать класс таблицы с заранее прописаными параметрами оформления (толщина и цвет рамки, внутренние и внешние отступы).

Описание классов таблиц и примеры:

black10 - таблица с чёрной рамкой с отступом 10 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

black5 - таблица с чёрной рамкой с отступом 5 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

darkgrey10 - таблица с тёмно-серой рамкой с отступом 10 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

darkgrey5 - таблица с тёмно-серой рамкой с отступом 5 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

grey10 - таблица с серой рамкой с отступом 10 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

grey5 - таблица с серой рамкой с отступом 5 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

white10 - таблица с белой рамкой с отступом 10 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

white5 - таблица с белой рамкой с отступом 5 пикселей

ФИО Пол Город Адрес
 Петров Петя  мужской  Караганда  ул.Никакая, 123
 Петрова Полина  женский  Карпинск  ул.Московская, 56

Внимание! После выбора предустановленного класса таблицы вы не заметите изменений у таблицы в редакторе сайта, чтобы увидеть изменения сохраните внесенные правки и откройте страницу нужного разделела на сайте.

5. В окне "Свойства таблицы" на вкладке "Расширеные" Вам доступны следующие параметры:

  • "Стиль" - позволяет задавать произвольные стили оформления для всей таблицы. Поле использует стили CSS, потому для работы с ним потребуются дополнительные навыки и знания;
  • "Цвет рамки" - позволяет задать произвольный цвет рамки для всей таблицы;
  • "Цвет фона" - позволяет задать произвольный цвет фона для таблицы.

6. Для завершения редактирования параметров таблицы нажмите кнопку "Ок" и сохраните внесенные в раздел изменения.

Данный сайт использует файлы cookie и прочие похожие технологии. В том числе, мы обрабатываем Ваш IP-адрес для определения региона местоположения. Используя данный сайт, вы подтверждаете свое согласие с политикой конфиденциальности сайта.
OK