HTML Email в iOS

Question

Я получаю строку через таблицу, которую я сделал в html-письме. Он находится в оранжевой области. Я не совсем уверен, что вызывает. Там нет изображений. Вот мой код для этой таблицы.

<table cellpadding="0" cellspacing="0" border="0" width="625" align="center" bgcolor="#FFFFFF"> 
    <tr> 
     <td height="23" bgcolor="#f08122" colspan="3">&nbsp;</td> 
    </tr> 
    <tr> 
    <td width="23" bgcolor="#f08122"></td> 
     <td bgcolor="#f08122" valign="middle" style="font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;" align="center"><span style="font-size:30px; line-height:36px; font-weight:bold;"><strong>Improve outcomes and empower patients with health logs</strong></span><br /><br /> 
     <span style="font-size:27px;">Order now and get <strong>10% more FREE!*</strong></span></td> 
     <td width="23" bgcolor="#f08122"></td> 
    </tr> 
    <tr> 
     <td height="23" bgcolor="#f08122" colspan="3">&nbsp;</td> 
    </tr> 
    <tr> 
     <td height="5" colspan="3"></td> 
    </tr> 
    </table> 

Вот ссылка на фактический адрес электронной почты и если вы хотите, активный вид: https://tagwebstore.com/email/tag-email-logbooks.html

Вот скриншот HTML электронной почты с моего iPhone.

линии кажутся выше и ниже белого текста. Есть идеи? Заранее спасибо.

Answer 1

Границы появляются, когда цвет фона или изображение применяются к отдельным ячейкам таблицы.

вы можете попробовать:

1. Удаление цвета фона или изображения из отдельных строк таблицы и клеток, и/или;

2. Вложенная таблица проблем в новую таблицу с цветом фона, который соответствует цвету внутренней таблицы.

source

Answer 2

Кроме того, установка стиль = "дисплей: блок;" на img-элементе последовательно помогает полностью позиционировать изображения, в сочетании с приведенными выше предложениями.