图像在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>

,一旦我将其放入Outlook 2016并尝试将其用作签名,它将圆形图像放在地址和徽标之间(请参阅附件)。

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

请现在检查问题。

<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>

我已经通知了许多人在Outlook中不可能。

因此,我正在关闭问题。

谢谢您所有试图解决该问题的所有问题。

最新更新