Сложенные изображения в шаблоне электронной почты HTML имеют пробел между ними

Question

Я создаю шаблон для письма в формате HTML, которое я отправляю через .NET. Я делаю это не часто, и я знаю, что должен придерживаться таблиц и встроенного CSS. Я просто нарезал несколько изображений, и у меня есть два, которые нужно сложить. Я понимаю, что есть проблемы с этим с точки зрения пробелов в коде HTML. В результате я попробовал все это в одной строке, например,

<td valign="top" style="width: 314px;"><img src="/i/header_logo.jpg" width="314" height="92" alt="Logo" /><br /><img src="/i/woman.jpg" width="314" height="617" alt="Woman" /></td>

Я просматриваю это в своем браузере, и два изображения разделены пробелом. У меня также есть глобальная строка сброса CSS сверху:

<style type="text/css">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
</style>

Кто-нибудь знает, как сложить два изображения в <td> и сделать их заподлицо друг с другом?

Обновление: Оказывается, у меня был doctype вверху как обычная веб-страница, и это вызвало проблему. Это не имело ничего общего с моим списком HTML / CSS.

Answer 1

Я разобрался в проблеме. У меня не было определено doctype, и поэтому режим рендеринга был действительно испорчен.

Answer 2

или попробуйте align="left" на ваших изображениях. Работает в некоторых почтовых клиентах.

Answer 3

Вы можете обмануть и вставить другую таблицу в столбец с фотографиями.

<td>
  <table>
    <tr><td align="left"><img1 ...></td></tr>
    <tr><td align="left"><img2 ...></td></tr>  
  </table>
</td>

Это то, что вы подразумеваете под стопкой и флешем?