时间戳

首页 > 解决方案 > Outlook 签名图像映射有间隙

html - Outlook 签名图像映射有间隙

问题描述

我目前正在尝试使用 Photoshop 为我的公司创建新签名，当我对图像进行切片时，.html 文件在 Chrome / Firefox 中正确显示，但是当作为签名上传到 Outlook 时，它充满了空白。

谁能帮助我，因为它让我发疯？

似乎很多人都对 Outlook 模板有疑问，而我正在努力寻找解决方案，非常感谢任何帮助！

<table>
    <tr>
        <td><html></td>
    </tr>
</table>
<head>
    <title>New Sig Template</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (New Sig Template.psd) -->
    <table id="Table_01" width="555" height="289" border="0" cellpadding="0" cellspacing="0" line-height: 50%>
        <tr>
            <td colspan="15" style="line-height:0;">>
                <img src="https://www.impact-london.com/NewEmails/Hannah_01.png" width="554" height="9" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="9" alt="">
            </td>
        </tr>
        <tr>
            <td colspan="13">
                <img src="https://www.impact-london.com/NewEmails/Hannah_02.png" width="407" height="14" alt="">
            </td>
            <td rowspan="2">
                <a href="http://www.impact-london.com" target="New">
                    <img src="https://www.impact-london.com/NewEmails/Impact-Click.png" width="135" height="28" border="0" alt="">
                </a>
            </td>
            <td rowspan="8">
                <img src="https://www.impact-london.com/NewEmails/Hannah_04.png" width="12" height="279" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="14" alt="">
            </td>
        </tr>
        <tr>
            <td colspan="2" rowspan="4">
                <img src="https://www.impact-london.com/NewEmails/Hannah_05.png" width="27" height="109" alt="">
            </td>
            <td colspan="7" rowspan="3">
                <a href="https://www.linkedin.com/in/hannah-willmore-580820134/" target="New">
                    <img src="https://www.impact-london.com/NewEmails/Hannah---LinkedIn.png" width="106" height="106" border="0" alt="">
                </a>
            </td>
            <td colspan="4" rowspan="2">
                <img src="https://www.impact-london.com/NewEmails/Hannah_07.png" width="274" height="95" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="14" alt="">
            </td>
        </tr>
        <tr>
            <td rowspan="6">
                <img src="https://www.impact-london.com/NewEmails/Hannah_08.png" width="135" height="251" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="81" alt="">
            </td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2">
                <img src="https://www.impact-london.com/NewEmails/Hannah_09.png" width="23" height="14" alt="">
            </td>
            <td rowspan="2">
                <img src="https://www.impact-london.com/NewEmails/Hannah_10.png" width="155" height="14" alt="">
            </td>
            <td rowspan="5">
                <img src="https://www.impact-london.com/NewEmails/Hannah_11.png" width="96" height="170" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="11" alt="">
            </td>
        </tr>
        <tr>
            <td colspan="7">
                <img src="https://www.impact-london.com/NewEmails/Hannah_12.png" width="106" height="3" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="3" alt="">
            </td>
        </tr>
        <tr>
            <td rowspan="3">
                <img src="https://www.impact-london.com/NewEmails/Hannah_13.png" width="26" height="156" alt="">
            </td>
            <td colspan="2" rowspan="2">
                <a href="https://twitter.com/Impact_Recruit" target="New">
                    <img src="https://www.impact-london.com/NewEmails/Impact-Twitter.png" width="24" height="25" border="0" alt="">
                </a>
            </td>
            <td rowspan="3">
                <img src="https://www.impact-london.com/NewEmails/Hannah_15.png" width="4" height="156" alt="">
            </td>
            <td>
                <a href="https://www.instagram.com/impact_recruit/" target="New">
                    <img src="https://www.impact-london.com/NewEmails/Impact-Instagram.png" width="25" height="24" border="0" alt="">
                </a>
            </td>
            <td rowspan="3">
                <img src="https://www.impact-london.com/NewEmails/Hannah_17.png" width="4" height="156" alt="">
            </td>
            <td>
                <a href="https://www.facebook.com/impactcreativerec/" target="New">
                    <img src="https://www.impact-london.com/NewEmails/Impact-Facebook.png" width="24" height="24" border="0" alt="">
                </a>
            </td>
            <td rowspan="3">
                <img src="https://www.impact-london.com/NewEmails/Hannah_19.png" width="5" height="156" alt="">
            </td>
            <td colspan="2">
                <a href="https://www.linkedin.com/company/impact-creative-recruitment-ltd/" target="New">
                    <img src="https://www.impact-london.com/NewEmails/Impact-LinkedIn.png" width="24" height="24" border="0" alt="">
                </a>
            </td>
            <td colspan="2" rowspan="3">
                <img src="https://www.impact-london.com/NewEmails/Hannah_21.png" width="175" height="156" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="24" alt="">
            </td>
        </tr>
        <tr>
            <td rowspan="2">
                <img src="https://www.impact-london.com/NewEmails/Hannah_22.png" width="25" height="132" alt="">
            </td>
            <td rowspan="2">
                <img src="https://www.impact-london.com/NewEmails/Hannah_23.png" width="24" height="132" alt="">
            </td>
            <td colspan="2" rowspan="2">
                <img src="https://www.impact-london.com/NewEmails/Hannah_24.png" width="24" height="132" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="1" alt="">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <img src="https://www.impact-london.com/NewEmails/Hannah_25.png" width="24" height="131" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="131" alt="">
            </td>
        </tr>
        <tr>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="26" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="1" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="23" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="4" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="25" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="4" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="24" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="5" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="21" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="3" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="20" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="155" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="96" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="135" height="1" alt="">
            </td>
            <td>
                <img src="https://www.impact-london.com/NewEmails/spacer.gif" width="12" height="1" alt="">
            </td>
            <td></td>
        </tr>
    </table>
    <!-- End Save for Web Slices -->
</body>
</html>

标签： htmloutlooksignature

解决方案

在 img 标签中写入 style = "display: block" inline

例子：

<img src="..." style="display:block">

试了之后会给信息吗

推荐阅读