时间戳

首页 > 解决方案 > Outlook 中的 html 电子邮件签名显示大量空白和空白

html - Outlook 中的 html 电子邮件签名显示大量空白和空白

问题描述

我最近使用 Photoshop（切片方法）制作了一个电子邮件签名，它在 Gmail 上运行良好，甚至在我的服务器（Roundcube）上运行良好，除了 Outlook，它在每个切片之间显示一个空白。我该如何解决这个问题，这是一个现在一周，因为我正在尝试解决这个问题..我需要你的帮助......

有人建议我需要删除每个 td 之间的空白我还尝试了 display: block; 甚至试图让我的签名变小尝试改变背景，但仍然没有。

我真的需要你的帮助。

我在下面附上了我用于签名的 HTML 代码。

提前致谢。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style media="screen" type="text/css">
    td {line-height:0; font-size: 0.0em; }
    img { display: block; float: left; padding: 0; align: absbottom; align: texttop; }
</style>
</head>
<!-- Paste Code Under This Line
_________________________________________________________________________________ -->

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (signature temlate testing.psd) -->
<table id="Tableau_01" width="701" height="234" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="2" rowspan="2">
            <img src="https://i.postimg.cc/Mp629Dz4/mag-01.png" width="262" height="100" alt="" border="0" style="display:block;"></td>
        <td colspan="2" rowspan="2">
            <img src="https://i.postimg.cc/g07Ckb3F/mag-02.png" width="243" height="100" alt="" border="0" style="display:block;"></td>
        <td colspan="2">
            <a href="https://www.procnnct.com"><img src="https://i.postimg.cc/yYKwNP3d/mag-03.png" width="195" height="39" alt="" border="0" style="display:block;"></a></td>
        <td>
            <img src="spacer.gif" width="1" height="39" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="https://i.postimg.cc/Zq0kS5Bx/mag-04.png" width="195" height="80" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="1" height="61" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td rowspan="7">
            <img src="https://i.postimg.cc/7YNjJ2SN/mag-05.png" width="261" height="133" alt="" border="0" style="display:block;"></td>
        <td colspan="3" rowspan="2">
            <a href="tel:+971 50 292 7751"><img src="https://i.postimg.cc/vB6p42v1/mag-06.png" width="244" height="20" alt="" border="0" style="display:block;"></a></td>
        <td>
            <img src="spacer.gif" width="1" height="19" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td>
            <img src="https://i.postimg.cc/gjF18yMg/mag-07.png" width="94" height="1" alt="" border="0" style="display:block;"></td>
        <td rowspan="4">
            <a href="https://www.linkedin.com/company/procnnct/?viewAsMember=true"><img src="https://i.postimg.cc/zvC6jL68/mag-08.png" width="101" height="52" alt="" border="0" style="display:block;"></a></td>
        <td>
            <img src="spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="https://i.postimg.cc/wxLCHPvZ/mag-09.png" width="241" height="6" alt="" border="0" style="display:block;"></td>
        <td colspan="2" rowspan="3">
            <a href="https://www.youtube.com/channel/UCP5EMTdCqn86Uak4Z0wbnZQ"><img src="https://i.postimg.cc/mg2JYgwW/mag-10.png" width="97" height="51" alt="" border="0" style="display:block;"></a></td>
        <td>
            <img src="spacer.gif" width="1" height="6" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td colspan="2">
            <a href="mailto:Magdy.hafez@procnnct.com"><img src="https://i.postimg.cc/x1x7tVxJ/mag-11.png" width="241" height="24" alt="" border="0" style="display:block;"></a></td>
        <td>
            <img src="spacer.gif" width="1" height="24" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="https://i.postimg.cc/VNJhhZp7/mag-12.png" width="241" height="33" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="1" height="21" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td>
            <img src="https://i.postimg.cc/43j0RbTX/mag-13.png" width="3" height="12" alt="" border="0" style="display:block;"></td>
        <td colspan="2" rowspan="2">
            <img src="https://i.postimg.cc/C1DQhBFk/mag-14.png" width="195" height="62" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="1" height="12" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="https://i.postimg.cc/j2bkLx59/mag-15.png" width="244" height="50" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="1" height="50" alt="" border="0" style="display:block;"></td>
    </tr>
    <tr>
        <td>
            <img src="spacer.gif" width="261" height="1" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="240" height="1" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="3" height="1" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="94" height="1" alt="" border="0" style="display:block;"></td>
        <td>
            <img src="spacer.gif" width="101" height="1" alt="" border="0" style="display:block;"></td>
        <td></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>

<!-- Keep Pasted Code Above This Line!
_________________________________________________________________________________ -->
</html>

标签： htmlemailoutlookphotoshopsignature

解决方案

推荐阅读