Как удалить интервал между изображениями в подписи электронной почты при ее отображении в Outlook? - PullRequest
Новая
       72

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

0 голосов
/ 30 мая 2020

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

Я работал над подписью электронной почты, используя фрагменты изображений PNG. Он выглядит идеально, когда я открываю его в браузере. Но когда я помещаю его в gamail / Outllok , он выглядит как это изображение.

Может ли кто-нибудь исправить для меня проблему с подписью электронной почты?

Просмотр изображений в Outlook 

<html>
<head>
<title>Email</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">



<style>
    table {
  border-collapse: collapse;
}
       .container {
    width: 320px;
    margin: inherit;
}
    th{border: none;}

        .table td,
        .table thead,
        .table thead tr th,
        .table th {
            padding: 0 0 0 0 ;
            border: none;
            box-sizing: content-box;
        }

    a {
            margin: 0;
            list-style: none;
            padding: 0;
            text-align: left
        }
    div, button {
margin: 0!important;
padding: 0!important;
display: block!important;
}
 table, td {
      mso-table-tspace: 0pt !important;
      mso-table-top: 0pt !important;
    }
    </style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (ruggiemail 600.psd) -->
<table id="Table_01" width="580" height="193" border="0 !important;" cellpadding="0 !important;" cellspacing="0 !important;" BGCOLOR="#FFF" BORDER=0 CELLSPACING=0 CELLPADDING=0 !important;>
    <tr>
        <td colspan="2">
            <div>
                <a href=""><img src="https://i.postimg.cc/mDGtp1cw/1.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="265" height="108" alt=""></a>
            </div>
        </td>
        <td colspan="6" rowspan="3">
        <div>
            <img src="https://i.postimg.cc/63LTk6nN/2.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="315" height="141" alt="">
            </div>
            </td>
    </tr>
    <tr>
        <td>
        <div>
            <a href=""><img src="https://i.postimg.cc/NfGrwXdC/3.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="137" height="16" alt=""></a>
            </div>
            </td>
        <td>
        <div>
            <a href=""><img src="https://i.postimg.cc/jd8nqj9x/4.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="128" height="16" alt=""></a>
            </div>
            </td>
    </tr>
    <tr>
        <td>
        <div>
            <a href=""><img src="https://i.postimg.cc/GmH84Cwk/5.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="137" height="17" alt=""></a>
            </div>
            </td>
        <td>
        <div>
            <a href=""><img src="https://i.postimg.cc/Sx3X8vkH/6.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="128" height="17" alt=""></a>
            </div>
            </td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2">
        <div>
            <a href=""><img src="https://i.postimg.cc/TPbKcJP1/7.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="450" height="51" alt=""></a>
            </div>
            </td>
        <td colspan="5">
        <div>
            <img src="https://i.postimg.cc/gjzrm9HL/8.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="130" height="19" alt="">
            </div>
            </td>
    </tr>
    <tr>
        <td>
            <div>
                <a href=""><img src="https://i.postimg.cc/kGTG5jT1/9.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="23" height="32" alt=""></a>
            </div>
        </td>

        <td>

            <div> <a href=""><img src="https://i.postimg.cc/CM7zJ1wG/10.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="23" height="32" alt=""></a>
            </div>
        </td>
        <td>
            <div>
                <a href=""><img src="https://i.postimg.cc/5NtjrVtZ/11.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="23" height="32" alt=""></a>
            </div>
        </td>
        <td>
            <div>
                <a href=""><img src="https://i.postimg.cc/ncwMbPjM/12.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="25" height="32" alt=""></a>
            </div>
        </td>
        <td>
            <div>
                <a href=""><img src="https://i.postimg.cc/Z5BnTxpH/13.png" align="absbottom" border="0" style="display:block !important; margin:0; float:left;" width="36" height="32" alt=""></a>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="137" height="1" alt=""></td>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="128" height="1" alt=""></td>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="185" height="1" alt=""></td>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="23" height="1" alt=""></td>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="23" height="1" alt=""></td>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="23" height="1" alt=""></td>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="25" height="1" alt=""></td>
        <td>
            <img src="https://i.postimg.cc/L6q2f656/spacer.png" width="36" height="1" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
...