HTML-адрес электронной почты, показывающий пробел между фрагментами изображений

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

Как я могу избавиться от этого промежутка, поэтому мои кусочки изображения выглядят как одно, жидкое изображение?

Я пробовал отображение: блок на изображениях, заполнение: 0 и поле: 0, но я все еще получаю этот пробел.

Вот мой HTML:

<table border="0" cellpadding="0" cellspacing="0" style="width: 650px !important; padding: 0 !important;"> 
    <tr style="padding: 0 !important;"> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="01.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="02.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="03.jpg"></a> 
     </td> 
    </tr> 
</table>

источник

2016-10-13 GTS Joe

Я на самом деле думаю, что это зависит от версии приложения на какой ОС, в Нугате это работает, в Зефире я получаю линию ниже цены, но я не видел, что вы видите. Вы можете попробовать установить «border-collapse: collapse» на изображения. – Corporalis

Возможно, также стоит временно удалить метки привязки, чтобы узнать, можете ли вы определить, может ли это быть причиной проблемы. – Corporalis

Вам просто нужно настроить поля на тегах A ..

<table border="0" cellpadding="0" cellspacing="0" style="width: 650px !important; padding: 0 !important;"> 
    <tr style="padding: 0 !important;"> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="https://d1ok0qgebci2d3.cloudfront.net/91/650x366/TheatricalsCos_EM_10112016_01.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;margin-top:-4px"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="https://d1ok0qgebci2d3.cloudfront.net/91/650x98/TheatricalsCos_EM_10112016_02.jpg"></a> 
     </td> 
    </tr> 
    <tr> 
     <td style="padding: 0 !important; line-height: 0;" align="left" valign="top"> 
      <a href="http://www.google.com/" target="_parent" style="display: block !important;margin-top:-4px"><img style="display: block !important; padding: 0 !important; margin: 0 !important;" border="0" src="https://d1ok0qgebci2d3.cloudfront.net/91/650x148/TheatricalsCos_EM_10112016_03.jpg"></a> 
     </td> 
    </tr> 
</table>

источник

2016-10-13 22:06:34 Henry

. Это решило вашу проблему? – Henry

HTML-адрес электронной почты, показывающий пробел между фрагментами изображений

ответ

Смежные вопросы