[英]Image in Email Signature on iPhone
I am creating an code for an email signature. 我正在为电子邮件签名创建代码。 The image is never left align on the email client on my iPhone and I have no idea why. 图像从未在iPhone的电子邮件客户端上对齐,我也不知道为什么。
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="left" style="padding:0;margin:0;height:45px;width:230px;">
<ul style="padding:0;margin:0;height:45px;width:230px;">
<li style="text-align:left;margin:0;padding:0;height:45px;width:230px;">
<a target='_blank' href="https://www.mypage.com" style="margin:0;padding:0;width:230px;height:45px;">
<img style="padding:0;margin:0;" height="45px" width="230px" src="https://www.mypage.com/logo.gif" alt="Logo mypage" />
</a>
</li>
</ul>
</td> ......
The problem is visualized on the image below: 下图显示了该问题:
Is there something I can do? 有什么我可以做的吗?
Thanks for helping me. 谢谢你帮我
Best regards, Yab86 最好的问候,Yab86
If the linked <img>
is the only thing in that <td>
, can you remove the <ul>
? 如果链接的<img>
是该<td>
唯一的内容,可以删除<ul>
吗? Or is there another reason the list is there? 还是列表存在另一个原因?
Email clients do weird things to margin and padding of block level elements like <ul>
and <li>
, sometimes even if they're reset with inline CSS. 电子邮件客户端确实对诸如<ul>
和<li>
类的块级元素的边距和填充进行了奇怪的处理,即使使用内联CSS重置了它们,有时也是如此。 If you don't need a list here, why introduce the complexity? 如果您在这里不需要列表,为什么要介绍复杂性?
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="45" width="230" align="left" style="padding:0;">
<a target='_blank' href="https://www.mypage.com">
<img align="left" style="display: block; margin:0;" height="45" width="230" src="https://www.mypage.com/logo.gif" alt="Logo mypage" />
</a>
</td>
</tr>
</table>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.