Шаблон почты, который я разработал, прекрасно работает на всех устройствах. Однако в настольном приложении Outlook есть неизбежный пробел. Я не понял почему часами. Ваша помощь спасет меня. Пожалуйста, проверьте этот почтовый код (после верхней строки появляется пробел)
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
<title></title>
<style type="text/css">body{padding:100px 0 0 0;margin:0}
</style>
</head>
<body>
<div style="padding:0;margin:0">
<table border="0" align="center" width="640" bgcolor="#f5f5f5" cellpadding="0" cellspacing="0" class="s88_wrapper" style="border-collapse:collapse">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse">
<tr>
<td width="40" style="border-bottom-color:#e1e1e1;border-bottom-style:solid;border-bottom-width:1px;vertical-align:middle">
<img style="display:block" src="http://test.diyezmedia.com/xx/spacer.gif"/>
</td>
<td height="40" style="border-bottom-color:#e1e1e1;border-bottom-style:solid;border-bottom-width:1px;color:#a4a4a4;font:12px 'helvetica' , 'arial' , sans-serif;vertical-align:middle"></td>
<td width="40" style="border-bottom-color:#e1e1e1;border-bottom-style:solid;border-bottom-width:1px;vertical-align:middle">
<img style="display:block" src="http://test.diyezmedia.com/xx/spacer.gif"/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse">
<tr>
<td width="40" style="border-bottom-color:#e1e1e1;border-bottom-style:solid;border-bottom-width:1px">
<img style="display:block" src="http://test.diyezmedia.com/xx/spacer.gif"/>
</td>
<td style="border-bottom-color:#e1e1e1;border-bottom-style:solid;border-bottom-width:1px;vertical-align:top">
<table align="center" valign="top" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse">
<tr>
<td height="20" style="line-height:20px;font:20px 'helvetica' , 'arial' , sans-serif;vertical-align:middle">
<img style="display:block" src="http://test.diyezmedia.com/xx/spacer.gif"/>
</td>
</tr>
<tr>
<td>
<a href="#" target="_blank" rel="noopener noreferrer">
<img style="display:block" src="http://test.diyezmedia.com/xx/logo.png"/>
</a>
</td>
</tr>
<tr>
<td height="20" style="line-height:20px;font:20px 'helvetica' , 'arial' , sans-serif;vertical-align:middle">
<img style="display:block" src="http://test.diyezmedia.com/xx/spacer.gif"/>
</td>
</tr>
<tr>
<td style="color:#252525;font:bold 24px 'helvetica' , 'arial' , sans-serif">Merhaba Mehmet</td>
</tr>
<tr>
<td height="20" style="line-height:20px;font:20px 'helvetica' , 'arial' , sans-serif;vertical-align:middle">
<img style="display:block" src="http://test.diyezmedia.com/xx/spacer.gif"/>
</td>
</tr>
<tr>
<td style="color:#252525;font:14px 'helvetica' , 'arial' , sans-serif">
<p style="margin:0">
Biletin hazırlandı!<br>
<br>
Biletinle gişeye uğramadan film keyfini yaşayabilir, <strong>E-biletini</strong> seans bitiminden sonra <a href="https://www.cinemaximum.com.tr/" class="daria-goto-anchor" target="_blank">www.cinemaximum.com.tr</a> adresinden Sinema ve Referans No bilgileri ile birlikte görüntüleyebilirsin. <br>
<br>
Bu e-postayı sinema girişinde göstererek gişeye uğramadan sinema keyfini yaşayabilirsin.
</p>
</td>
</tr>
</table>
</td>
<td width="40" style="border-bottom-color:#e1e1e1;border-bottom-style:solid;border-bottom-width:1px">
<img style="display:block" src="http://test.diyezmedia.com/xx/spacer.gif"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
введите описание изображения здесь введите описание изображения здесь