Просмотров: 10987 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 24.09.2015

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


Создание новой таблицы

Рассмотрим создание новой таблицы подробнее.

  • Выберите место на странице, где бы вы хотели видеть таблицу, установите в это место курсор и нажмите кнопку Вставить таблицу панели редактирования. Появится диалоговое окно:

    Новая таблица

  • Заполните следующие поля формы:
    • Количество Строк и Столбцов;
    • Ширина и Высота таблицы в пикселях или в процентах;
    • Толщина рамки;
    • Выравнивание таблицы;
    • Стиль (В списке перечислены все стили, определенные в системе);
    • Параметры Отступ внутри ячеек и Отступ между ячейками.
  • После указания всех желаемых параметров нажмите кнопку Сохранить.

Пустая таблица появится на странице. Теперь можете приступать к ее заполнению.


Редактирование существующей таблицы

Если толщина границы равна 0, то просмотреть структуру таблицы можно с помощью кнопки  Показать границы таблиц.

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

Контекстное меню таблицы

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

Примечание: набор пунктов контекстного меню зависит от объекта, на котором расположен указатель мыши, когда вызывается меню. Например, если вызвать контекстное меню на картинке, которая расположена в таблице, то меню будет содержать и пункты редактирования таблицы и пункт редактирования картинки. Оно примет вид:

Пункты меню таблицы

Примечание: при выделении таблицы мышью, в области Свойства можно будет редактировать параметры таблицы:
  • стиль написания текста,
  • выравнивание содержимого ячеек,
  • перенос по словам, цвет фона,
  • ширину и высоту текущей ячейки таблицы,
  • размеры таблицы.
Перемещение по таблице возможно с помощью выделенной цепочки. При нажатии на отдельные теги цепочки станут доступны свойства соответствующей строки или столбца.

Панель свойств

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

Примечание: в браузере Mozilla Firefox есть дополнительная возможность вставлять столбцы и строки, а также удалять их. При редактировании страницы нажмите (для наглядности) кнопку , щелкните мышью по ячейке таблицы. Она выделится следующим образом:

Дополнительная возможность в браузере Mozilla Firefox

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


3


Курсы разработаны в компании «1С-Битрикс»