我创建了电子邮件签名,但是无法在文本旁边插入想要的徽标。该图像说明了我想要的东西以及出现问题的地方。
<html>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="font-size:12px; font-family: Arial; line-height: 17px;" width="430">
<tr>
<td valign="top" colspan="2" style="padding-bottom: 10px;">
<img src="pic.png"/>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 10px;">
<p style="font-size:14px; font-weight: bold; color:#464646; margin: 0px; margin-bottom: 10px; padding-bottom: 5px;">
Company<br/>
<span style="font-weight: normal; color: #000; ">Status</span>
</p>
</td>
</tr>
<tr>
<td colspan="2" style="padding-bottom:10px; padding-left: 10px;">
E-mail: xxx@gmail.com<br/>
Phone: 111111 | Fax: 1111111<br/>
Site: 11.com<br/>
</td>
</tr>
<tr>
<td valign="top" colspan="2">
<img src="pic-2.png"/>
</td>
</tr>
</table>
</body>
</html>
答案 0 :(得分:0)
这应该对您有用,我删除了包裹在图像周围的表格行,因为这导致将其放置在新行上。同时,将粗体标题放在同一行中以最小化地址上方的空间。
<table cellpadding="0" cellspacing="0" border="0" style="font-size:12px; font-family: Arial; line-height: 17px;" width="430">
<tr>
<td valign="top" colspan="2" style="padding-bottom: 10px;">
<img src="pic.png"/>
</td>
</tr>
<tr>
<td colspan="2" style="padding-bottom:10px; padding-left: 10px;">
<p style="font-size:14px; font-weight: bold; color:#464646; margin: 0px; margin-bottom: 10px; padding-bottom: 5px;">
Company<br/>
<span style="font-weight: normal; color: #000; ">Status</span>
</p>
E-mail: xxx@gmail.com<br/>
Phone: 111111 | Fax: 1111111<br/>
Site: 11.com<br/>
</td>
<td colspan="2"">
<img src="https://via.placeholder.com/100x100"/>
</td>
</tr>
</table>
https://jsfiddle.net/notv0pu6/
让我知道这是否不是您想要的。