Когда я отправляю свою подпись электронной почты с iPhone и просматриваю ее на gmail.com, текст начинает перекрываться. Я проверил все настройки на телефоне, и все размеры текста и т.д. по умолчанию. У меня нигде нет высоты строки, и после вставки я встряхиваю телефон, чтобы «отменить», чтобы прекратить собирать атрибуты символа по умолчанию. Удалив фрагменты текста, я смог изолировать, что проблема связана с верхней таблицей - если я уберу это, это работает, но тогда мой текст не будет стоять рядом с изображением.
Кто-нибудь видит что-нибудь еще, что я пропустил? Потратили часы и чувствую, что я бью кирпичную стену.
<body>
<table cellpadding="0" cellspacing="0" border="0" height="200" width="550" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;"><tr><td style="border-right: solid 1px #c1c1c1; padding-right: 0px; display: block; clear: both;"><a href="https://www.url.com"><img src="https://url.com/portfolio.jpg" width="133px" height="200px"></a></td>
<td style="padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 0;">
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;"><tr><td colspan="2" style="padding-bottom: 0px; color: #221f1f; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;"><img src="https://www.url.com/emailsig/logo.png" width="250px"></td></tr>
<tr><td colspan="2" style="padding-bottom: 10px; padding-top: 5px; color: #221f1f; font-size: 21px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;">Name Here</td></tr>
<tr><td colspan="2" style="padding-bottom: 2px; color: #70bcc9; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;">Title</td></tr>
<tr><td colspan="2" valign="top" style="vertical-align: top; color: #545454; font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding-top:0px; padding-bottom: 3px;"><span style="color: #9eb333; font-weight:bold;">► </span><a href="https://mywebsite.com/" style=" color: #545454; text-decoration: none; font-weight: normal; font-size: 13px; text-decoration: none;">mywebsite.com</a></tr>
<tr><td colspan="2" valign="top" style="vertical-align: top; color: #545454; font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding-top:0px; padding-bottom: 5px;"><span style="color: #9eb333; font-weight:bold;">►</span> <a href="tel:408-508-6789" style=" color: #545454; text-decoration: none; font-weight: normal; font-size: 13px; text-decoration: none;">555-555-5555</a> <span style="color: #9eb333; font-weight:bold;">►</span> <a href="tel:831-525-5000" style=" color: #545454; text-decoration: none; font-weight: normal; font-size: 13px; text-decoration: none;">555-555-5555</a></tr>
<tr><td colspan="2" valign="top" style="vertical-align: top; color: #545454; font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 7px;">Location</td></tr>
<tr><td valign="top" style="vertical-align: top; color: #9eb333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><a href="https://www.facebook.com/"><img src="https://www.myurl.com/emailsig/tw-facebook.png" width="18px" height="18px"></a>
<a href="https://www.instagram.com/"><img src="https://www.myurl.com/emailsig/tw-instagram.png" width="18px" height="18px"></a>
<a href="https://www.youtube.com/"><img src="https://www.myurl.com/emailsig/tw-youtube.png" width="18px" height="18px"></a>
<a href="https://www.linkedin.com/"><img src="https://www.myurl.com/emailsig/tw-linkedin.png" width="18px" height="18px"></a><span style="display: inline-block;"> » JOIN OUR <a href="http://myurl.com" style=" color: #9eb333; text-decoration: none; font-weight: normal; font-size: 12px; text-decoration: underline;">MAILING LIST</a></span></td></td></tr>
</table>
</td></tr></table>
<p style="color: #545454; font-size: 10px; font-family: Arial, Helvetica, sans-serif; padding-top:0px;">Confidentiality text to go here.</p>
</body>
Отредактировано, чтобы включить скриншот того, как это выглядит (текст конфиденциальности перекрывается)
