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