Outlook签名

时间:2017-09-28 07:31:47

标签: html css outlook

我设计了一个电子邮件签名,在浏览器中查看时效果很好。

这是我的代码:



<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>


<body style="padding:0;margin:0">


<table border="0" width="600" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 20px 0px 6px 12px;" valign="top"><span style="text-align: left; color: #434343; font-family: 'Arial', sans-serif; font-size: 21px;"><strong style="color: #000;">Alex Anderson</strong> - Founder and CEO</span></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 7px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="tel:0412 533 227"> <span style="width: 15px; float: left;">M </span>: 0412 533 227</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="mailto:alex@chessworkgroup.com.au"><span style="width: 15px; float: left;">E </span>: alex@chessworkgroup.com.au</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="https://chessworkgroup.com.au/" target="_blank" rel="noopener"> <span style="width: 15px; float: left;"> W </span>: http://www.chessworkgroup.com.au</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 6px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="https://www.google.com.au/maps/place/Chesswork+Group/@-31.9449216,115.8575528,15z/data=!4m5!3m4!1s0x0:0x6e71710817e5b662!8m2!3d-31.9449216!4d115.8575528" target="_blank" rel="noopener"> <span style="width: 15px; float: left;"> O </span>: 283 Newcastle Street, Northbridge, Perth WA 6003</a></td>
</tr>
<tr style="padding: 0px 0px; position: relative; width: 100%;">
<td style="position: absolute; top: -130px; left: auto; right: 5%;” valign="top"><img src="https://chessworkgroup.com.au/wp-content/uploads/pic.png" alt="" /></td>
</tr>
<tr style="background-color: #000000; display: table; width: 100%;">
<td valign="top"><a href="https://chessworkgroup.com.au/" target="_blank" rel="noopener"> <img style="padding: 11.5px 0px 9px 0px;" src="https://chessworkgroup.com.au/wp-content/uploads/logo_email.jpg" alt="" /> </a></td>
</tr>
</tbody>
</table>


</body>


<style>
a {color: #F77A1E;}
</style>


</html>
&#13;
&#13;
&#13;

但是,只要我将其放入Outlook 2016并尝试将其用作签名,就会将圆圈图像放在地址和徽标之间(参见附件)。

我尝试将图像向右浮动但没有成功,并想知道这是否可能。

2 个答案:

答案 0 :(得分:0)

现在请检查问题已解决。

&#13;
&#13;
<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>


<body style="padding:0;margin:0">


<table border="0" width="600" cellspacing="0" cellpadding="0">
<tbody>
    <tr style="padding: 0px 0px; position: relative; width: 100%;">
<td style="position: absolute; top: -130px; left: auto; ” valign="top"><img src="https://chessworkgroup.com.au/wp-content/uploads/pic.png" alt="" /></td>
</tr>
<tr>
<td style="padding: 20px 0px 6px 12px;" valign="top"><span style="text-align: left; color: #434343; font-family: 'Arial', sans-serif; font-size: 21px;"><strong style="color: #000;">Alex Anderson</strong> - Founder and CEO</span></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 7px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="tel:0412 533 227"> <span style="width: 15px; float: left;">M </span>: 0412 533 227</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="mailto:alex@chessworkgroup.com.au"><span style="width: 15px; float: left;">E </span>: alex@chessworkgroup.com.au</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="https://chessworkgroup.com.au/" target="_blank" rel="noopener"> <span style="width: 15px; float: left;"> W </span>: http://www.chessworkgroup.com.au</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 6px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="https://www.google.com.au/maps/place/Chesswork+Group/@-31.9449216,115.8575528,15z/data=!4m5!3m4!1s0x0:0x6e71710817e5b662!8m2!3d-31.9449216!4d115.8575528" target="_blank" rel="noopener"> <span style="width: 15px; float: left;"> O </span>: 283 Newcastle Street, Northbridge, Perth WA 6003</a></td>
</tr>

<tr style="background-color: #000000; display: table; width: 100%;">
<td valign="top"><a href="https://chessworkgroup.com.au/" target="_blank" rel="noopener"> <img style="padding: 11.5px 0px 9px 0px;" src="https://chessworkgroup.com.au/wp-content/uploads/logo_email.jpg" alt="" /> </a></td>
</tr>
</tbody>
</table>


</body>


<style>
a {color: #F77A1E;}
</style>


</html>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

许多人都告诉我,这在Outlook中是不可能的。

因此,我正在结束这个问题。

感谢所有试图解决问题的人。