<分区>
<分区>
我设计的电子邮件签名有问题。我只使用了 HTML 代码,因为我的签名中会有几个链接。问题是,在放logo的地方,底部出现了一条白线(为了大家看得见,我标成黄色,其实是白色的)。实际上,我不知道那是白线还是只是电子邮件界面的背景。
出于隐私考虑,我已经删除了我的个人信息:
当我将 Logo 从 Illustrator 导出为 JPG 文件时,我将其上传到 imgur.com 以将其包含在我的 HTML 代码中。我确定那条白线不在我的 jpg 文件中,所以它应该是在我将它上传到 imgur 时创建的,或者可能是代码问题。
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
<tr>
<td valign="top" style="padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0px; border-top: 0; border-bottom: 0: border-left: 0; "><img id="preview-image-url" src="https://i.imgur.com/3yGlrjw.png"></td>
<td style="padding-top: 0; padding-bottom: 0; padding-left:0px; padding-right: 0; background-color: #f9f9f9">
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding-top: 10px !important; padding-left: 50px; padding-right: 60px; padding-bottom: 10px !important">
<tr><td colspan="2" style="padding-bottom: 1px; color: #ce173a; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;">Abcdef Ghijk Lmnop</td></tr>
<tr><td colspan="2" style="padding-bottom: 10px; color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif;">Graphic Designer & Art Director</td></tr>
<tr><td width="20" valign="top" style=" padding-top: 9px; vertical-align: top; width: 20px; color: #000000; font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000;">T.</td><td valign="top" style=" padding-top: 9px; vertical-align: top; color: #333333; font-size: 8px; font-family: Arial, Helvetica, sans-serif;"><a style=" color: #333333; text-decoration: none; font-weight: normal; font-size: 8px;">+34 636 63 63 63</a> <span style="color: #000000; font-weight: bold; padding-right: 30px; padding-left: 42px; color: #000;"></td></tr>
<tr><td width="20" valign="top" style=" padding-top: 9px; vertical-align: top; width: 20px; color: #000000; font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000;">E.</td><td valign="top" style=" padding-top: 9px; vertical-align: top; color: #333333; font-size: 8px; font-family: Arial, Helvetica, sans-serif;"><a href="mailto:my.email@gmail.com" style=" color: #333333; text-decoration: none; font-weight: normal; font-size: 8px;">my.email@gmail.com</a> <span style="color: #000000; font-weight: bold; padding-right: 30px; padding-left: 42px; color: #000;"></td></tr>
<tr><td width="20" valign="top" style="padding-top: 9px; vertical-align: top; width: 20px; color: #000000; font-size: 8px; font-family: Arial, Helvetica, sans-serif; padding-right:30px; font-weight: bold; color: #000">W.</td><td style="color: #333333; padding-top: 9px; font-size: 8px; font-family: Arial, Helvetica, sans-serif;"><a href="https://behance.net/Mybehance" style="text-decoration: none; color: #333333;">behance.net/MyBehance</a></td></tr>
</table>
</td>
</tr>
</table>
你能帮我删除那一行,让标志的高度和右边文字所在部分的背景一样吗?
非常感谢!
最佳答案
看是否是背景色充当了白条,临时改变背景色看是否改变了白条的颜色。如果是这样,则意味着它不是白色条,而是背景,需要调整图像的高度。但是,如果白条仍然存在,请尝试将 img 的边距和填充设置为 0。
img {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
关于html - 为什么这条白线出现在我的 HTML 电子邮件签名上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56979054/