Подпись электронной почты - заголовок баннера - PullRequest
Новая
       22

Подпись электронной почты - заголовок баннера

0 голосов
/ 09 апреля 2019

Я пытаюсь добавить заголовок в мои электронные письма.Это будет изображение, и я хочу, чтобы оно отображалось [баннер] [тело письма] [подпись]

Но проблема в том, что изображение отображается с двумя пустыми строками над ним и курсором, помещенным напервый.Это в Outlook.

Если кто-нибудь знает, как я могу это исправить, я был бы признателен.

PS Мне нужно, чтобы это работало и в Thunderbird.

Iсоздал три блока div, один для баннера, один для тела письма и один для подписи, с пустой строкой абзаца в среднем блоке div.Я думал, что так оно и будет, но нет ... 

<div>
<table class=MsoNormalTable width='100%' role='presentation' cellpadding=0 cellspacing=0 border=0 style='background: none;border-width: 0;margin: 0;mso-padding-alt: 0 0 0 0; padding: 0 0 0 0;'>
        <tbody>
            <tr valign='middle'>
                <td valign='middle'>
                    <a href='https://google.com' style='text-decoration: none;'>
                        <img src='xxx' width=720 height=74 name='Banner' style='vertical-align: middle;display:block;' alt=''/>
                    </a>
                </td>
            </tr>
        </tbody>
</table>
</div>

<div style='background: none; mso-padding-alt: 15px 0 0 0; padding:15px 0 0 0;'>
<p> </p>
</div>

1 Ответ

1 голос
/ 09 апреля 2019 

.demo
{
   	border:1px solid black;
}
<div class="banner-div">
<table class="MsoNormalTable" width='100%' role='presentation' cellpadding=0 cellspacing=0 border=2 style='background: none;border-width: 0;margin: 0;mso-padding-alt: 0 0 0 0; padding: 0 0 0 0;'>
    <tbody  class="demo">
		<tr valign='middle'>
		   <td valign='middle'>
		       <a href='https://google.com' style='text-decoration: none;'>
		          <img src='demoimg.jpg' width=100% height="400px;" name='Banner' style='vertical-align: middle;display:block;' alt='banner here...'/>
		       </a>
		   </td>
		</tr>
		<tr>
		   <td>
		      <h2>email body here.....</h2>
		   </td>
                </tr>
</tbody>
  </table>
</div>
<div class="signature demo" style='background: none; mso-padding-alt: 15px 0 0 0; padding:15px 0 0 0;'>
<p>signature here....</p>
</div>

Я думаю, что ваша проблема решена путем обновления ширины = "100%" и добавления второго тега tr для тела письма

...