Странный интервал / отступы сверху + низ стола тд - PullRequest
Новая
       13

Странный интервал / отступы сверху + низ стола тд

0 голосов
/ 24 марта 2019

У меня действительно странные проблемы с подписью электронной почты.

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

Пока, похоже, это происходит только при отправке в Gmail (iOS).

Я потратил на это дни и попробовал буквально все, что только мог придумать.

Есть идеи?

! (https://ibb.co/6ww89tc)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
#outlook a {
  padding: 0;
}

body {
  width: 100% !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}

.ExternalClass {
  width: 100%;
}

.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div, p.MsoNormal {
  line-height: 100%!important;
}

#backgroundTable {
  margin: 0;
  padding: 0;
  width: 100% !important;
  line-height: 100% !important;
}

img {
  outline: none;
  text-decoration: none;
  border: none;
  -ms-interpolation-mode: bicubic;
}

a img {
  border: none;
}

p {
  margin: 0px 0px !important;
}

table, table td, table tr {
  border-collapse: collapse;
  border-spacing:0;
  mso-table-lspace: 0pt;
  mso-table-rspace: 0pt;
  padding: 0;
}
</style>

<body>

  <table cellpadding="0" cellspacing="0" border="0" valign="top" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
  <tr>    
    <td valign="top" style="color:#202023; background: #006699; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 10px; mso-line-height-rule:exactly; line-height:100%;">OWNER / FOUNDER</td>  
  </tr>
  </table>

  <table cellpadding="0" cellspacing="0" border="0" valign="top" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
  <tr>    
    <td valign="top" style="color:#202023; background: #006699; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 10px; mso-line-height-rule:exactly; line-height:100%;">OWNER / FOUNDER</td>  
  </tr>
  </table>

</body>
</html>
...