Используя Campaign Monitor для отправки электронных писем, есть ли способ избавиться от пробела в 5px над текстом в таблице с вертикальным выравниванием? - PullRequest
0 голосов
/ 28 ноября 2011

Отправка массовых писем, в основном все это внутри таблиц.

CSS, влияющий на таблицу:

.title  {
vertical-align: top;
}

HTML:

<table width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title" align="left" width="440" valign="top">
<h2><singleline label="Title">Enter your title</singleline></h2>
<p><multiline label="Description">Description</multiline></p>


</td>

<td align="left" valign="top" width="20"><img src="/images/00.gif" height="1" width="20" border="0"></td>

<td align="left" valign="top" width="120"><img src="/images/001.jpg" editable="true" label="Image" width="120" border="0"></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top" width="580"><img src="/images/00.gif" height="20" width="1" border="0"></td>
</tr>
</table>

Мне нужнотекст внутри тега должен находиться на одном уровне с верхней частью таблицы.В настоящее время / images / 001 / jpg находится на одном уровне, но текст находится на 5 пикселей ниже края таблицы.

Я использую вертикальное выравнивание: верх в CSS, пробовал интервал границы: нет, граница-коллапс: коллапс, а граница: нет.Никто из них не решил проблему.

Используя margin-top: -5px;на тег решил проблему в стандартном тестировании браузера, но не был поддержан некоторыми почтовыми клиентами.

Ответы [ 5 ]

2 голосов
/ 29 ноября 2011

это Рос из Монитора Кампании.Не совсем очевидно, что теги и преобразуются в

ваш контент

... при импорте в редактор Campaign Monitor.Именно эти

теги создают этот дополнительный отступ - вот пример .

Самый простой способ избежать этого - добавить p {margin: 0;отступы: 0;} к вашим стилям CSS.

Надеюсь, это решит эту проблему для вас.Обратите внимание, что у нас есть форум для ответов на подобные вопросы, поэтому не стесняйтесь публиковать там свой код шаблона в будущем.

Большое спасибо всем, кто внес свой вклад!

1 голос
/ 12 сентября 2014

Ros 'предложение достаточно в большинстве случаев, но Gmail удаляет ваши стили заголовков, которые оставляют вставленные теги p с полями по умолчанию для gmail сверху и снизу.

Альтернативой для решения этой проблемы является добавление тега div в ваш многострочный тег. Это успешно не позволит Campaign Monitor обернуть ваш контент тегом p.

Вот пример структуры:

<multiline>
    <div>
        Your Content Goes Here.
    </div>
</multiline>
0 голосов
/ 04 апреля 2013

Это может быть просто высота строки текста, в отличие от отступа / отступа - проверьте это также

0 голосов
/ 29 ноября 2011

Я предполагаю, что вы ссылаетесь на текст внутри тега H2.

Создайте класс для <h2>

.noPad  {
padding-top: 0px;
}

. Или не используйте H2, а просто используйте элемент span или div.

0 голосов
/ 28 ноября 2011

Помещенный

valign="top"

на вашем ТД для текста. Если почтовый клиент не распознает CSS, он должен распознавать стандартный атрибут HTML.

Кроме того, если это не помогает, вы можете отредактировать свой Q и добавить определение для определения CSS "title", которое вы используете для этого.

...