如何保持HTML电子邮件签名的固定大小?

如何保持HTML电子邮件签名的固定大小?,html,css,email,outlook,html-table,Html,Css,Email,Outlook,Html Table,我的一封电子邮件签名有问题。它基本上是一个带有不可见边框的表(以便更容易对齐所有元素)。共6行,其中3行包含图像,最后一行包含一些合法内容(每行一个单元格)。两行不同:每行有两个单元格(左侧和右侧)。问题是,当我发送电子邮件时,它在Outlook Web应用程序中看起来很好,但在Outlook桌面应用程序中,两个单元格行被挤到了左侧。我试着把它做成一个固定的位置和宽度,但我似乎无法做到。有什么建议,我做错了什么 <head> </head> <html> &

我的一封电子邮件签名有问题。它基本上是一个带有不可见边框的表(以便更容易对齐所有元素)。共6行,其中3行包含图像,最后一行包含一些合法内容(每行一个单元格)。两行不同:每行有两个单元格(左侧和右侧)。问题是,当我发送电子邮件时,它在Outlook Web应用程序中看起来很好,但在Outlook桌面应用程序中,两个单元格行被挤到了左侧。我试着把它做成一个固定的位置和宽度,但我似乎无法做到。有什么建议,我做错了什么

<head>
</head>

<html>
<body>

    <table style="table-layout:fixed;margin-top:30px;margin-left:0px;margin-bottom:30px;width:95%;border:0">
    <!--1-->
        <tr>
            <td>
                <table style="table-layout:fixed">
                    <tr>
                        <td width="230">    
                            <p>
                                <span style="color:#eb0008; font-size:20px; font-family:'Trebuchet MS',helvetica,San-Serif"><strong>%%displayname%%</strong></span><br />
                                <span style="color:#1c1c1c; font-size:13px; font-family:'Trebuchet MS',helvetica,San-Serif">%%title%%</span>
                            </p>
                        </td>

                        <td width="340" >
                            <p style="color:#1c1c1c; font-size:13px; font-family:'Trebuchet MS',helvetica,San-Serif">
                                <span style="color:#919191; font-size:13px;">mobile:</span> %%mobilenumber%%<br />
                                <span style="color:#919191; font-size:13px;">email:</span> %%email%%
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

    <!--2-->
        <tr>
            <td>

                <img style="margin:15px 0 8px 0" src="img" alt="linia" width="15" height="2" />

            </td>
        </tr>

    <!--3-->
        <tr>
            <td>

                <img style="margin:0 0 10px 0" src="img" alt="technic logo" width="160" height="47" />

            </td>
        </tr>

    <!--4-->
        <tr>
            <td>
                <table style="table-layout:fixed">
                    <tr>
                        <td width="230px" overflow="hidden">
                            <p style="color:#1c1c1c; font-size:13px; font-family:'Trebuchet MS',helvetica,San-Serif">



                                Address1

                                <br /> Address1

                                <br /> Address1

                                <br /> Address1



                            </p>

                        </td>

                        <td width="340">



                            <p style="color:#1c1c1c; font-size:13px; font-family:'Trebuchet MS',helvetica,San-Serif;">

                                <span style="color:#919191;">nr telefonu:</span>number

                                <br />

                                <span style="color:#919191;">nr fax:</span>number

                                <br />

                                <span style="color:#919191;">del:</span>address

                                <br />

                                <span style="color:#919191;">www:</span> <a href="http://www.google.com" target="_blank" style="color:#1c1c1c; font-size:13px; font-family:'Trebuchet MS',helvetica,San-Serif; text-decoration:none;">www.google.com</a>

                            </p>





                        </td>
                    </tr>
                </table>
            </td>
        </tr>

    <!--5-->    
        <tr>
            <td>

                <img style="margin:15px 0 8px 0" src="img" alt="linia" width="15" height="2" />

            </td>
        </tr>

    <!--6-->
        <tr>
            <td>



                <p style="padding:0;margin:0;  color:#1c1c1c; font-size:13px; font-family:'Trebuchet MS',helvetica,San-Serif">



                    LEGAL STUFF





                </p>



            </td>
        </tr>
    </table>

</body>
</html>


%%displayname%%
%%标题%%

手机:%%mobilenumber%%
电子邮件:%%电子邮件%%

地址1
地址1
地址1
地址1

电话号码
传真号码
戴尔:地址
www:

法律事务


几乎没有什么东西可以帮助您创建完美的电子邮件发送者

  • 避免空白,使用
    td
    height属性
  • 避免使用%像素表示宽度是更好的方法
  • 
    
    %%displayname%%
    %%标题%%

    手机:%%mobilenumber%%
    电子邮件:%%电子邮件%%

    地址1
    地址1
    地址1
    地址1
    地址1

    电话号码
    传真号码
    戴尔:地址
    www:

    法律资料


    您能为表格的设计添加屏幕截图吗?嗨,Anmol,屏幕截图在这里:我一直在尝试多种方法(这就是为什么我在第一个表格中嵌套了两个表格,用于两个单元格的行)。这里显示了额外的边框。代码看起来不错,可能有括号的问题,虽然我会更新你的代码并发布,似乎对我们有用。虽然公司里的人不太喜欢增加一行空白;)是的,但对于outlook,我们需要管理这一点,因为他们不接受利润和补贴