У меня есть простое электронное письмо с двумя строками.Проблема в том, что он показывает разрыв между изображениями и делает это только в Почте Yahoo.Это простой макет, ничего особенного, но что бы я ни пытался, я не могу избавиться от этого пробела.Я попытался установить тег для отображения: блок;отступы: 0;поле: 0;и т.д. но безрезультатно.Пожалуйста помоги.Вот мой код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<body style="padding: 0;">
<table id="backgroundTable" border="0" cellspacing="0" cellpadding="0" summary="" width="650" style="table-layout: fixed;">
<tbody>
<tr>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0" summary="">
<tbody>
<tr>
<td align="left" valign="top" style="margin: 0; padding: 0; font-size: 0; line-height: 0;">
<p style="margin: 0; padding: 0; font-size: 0;">
<a href="/">
<span style="text-decoration: none;"><img src="120318_2ndCyberMon_EM.jpg" border="0" width="650" style="display: block; max-height: 147px; max-width: 650px; width: 100%;margin: 0 !important; padding: 0 !important;"></span>
</a>
</p>
</td>
</tr>
<tr>
<td align="left" valign="top" style="margin: 0; padding: 0; font-size: 0; line-height: 0;">
<p style="margin: 0; padding: 0; font-size: 0;">
<a href="/">
<span style="text-decoration: none;"><img src="120318_2ndCyberMon_EM.jpg" border="0" width="650" style="display: block; max-height: 147px; max-width: 650px; width: 100%;margin: 0 !important; padding: 0 !important;"></span>
</a>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Как это выглядит в Yahoo Mail с разрывом между изображениями:
