...
table.main-info td {
border: 1px solid #222B35; - Рамка вокруг таблицы
padding: 2px 5px; - Поля вокруг текста
white-space: nowrap; - устанавливает, как отображать пробелы между словами. Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой; вместе с тем, добавление тега <br> переносит текст на новую строку.
text-align: left; - выравнивание текста
}
...
table.vehicle tfoot {
border-top: 1px solid #222B35;
}
Смотрим:
Добавление логотипа компании
Для того, чтобы добавить логотип компании к шаблону подтверждения доставки, прежде всего нужно совершить несколько подготовительх шагов.
1. Сжать картику в размере (ок. 50k). Для этого воспользуйтесь любым из удобных для вас сервисов, например: https://www.imgonline.com.ua/eng/compress-image-size.php
2. Затем необходимо преобразовать картинку в code64. Для этого воспользуйтесь любым из удобных для вас сервисов-преобразователей изображений, например: https://www.browserling.com/tools/image-to-base64
3. Вставьте получившийся код в поле "Main Info" редактора, а затем вставьте code64 в указанное место:
“<!-- Main info -->”
<th style="width: 218px; text-align: justify;"> <img src="data:image/jpeg;base64,***ВСТАВЛЯТЬ СЮДА***" width="804" height="244" /></th>
Пример полного описания подтверждения доставки с логотипом компании можно посмотреть здесь: POD HTML .txt
Так выглядит результат:
...
См. также
Создание шаблонов подтверждения доставки
Создание шаблонов путевого листа