我按照教程(https://www.youtube.com/watch?v=9VagizlpHNc)制作了一个可点击的电子邮件签名,但是当我将其放入 gmail 中时,一切都被破坏了。我相信代码有问题,因为它说“td{line-height:0; font-size: 0.0em; } img{显示:块;向左飘浮;填充:0}对齐:absbottom;对齐:文本顶部; }”在我的屏幕顶部,当我运行代码时,下面是可点击的 html。我不太擅长编码,所以如果你能为我简化你的答案,那会有很大帮助。谢谢!:)
我浏览了评论部分,最后在 Photoshop 中从可点击的部分做了新的切片,但这并没有改变任何东西。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset-utf-8"
<style media="screen" type="text/css">
td{line-height:0; font-size: 0.0em; }
img{display: block; float: left; padding: 0} align: absbottom; align:
texttop; }
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<!-- Save for Web Slices (HTML-Email_Signature.psd) -->
<table id="Table_01" width="602" height="203" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="https://i.postimg.cc/T1WL04GK/1-01.png"
width="602" height="121" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="https://i.postimg.cc/QVGByJx0/1-02.png"
width="295" height="81" alt=""></td>
<td>
<a href="https://www.instagram.com/snapplabs/"><img
src="https://i.postimg.cc/fW6Bs4Vg/1-03.png" width="49" height="44"
alt=""></td>
<td>
<a href="https://www.facebook.com/SnappLabs3D/"><img
src="https://i.postimg.cc/c1KXP1Ln/1-04.png" width="57" height="44"
alt=""></td>
<td>
<a
href="https://www.youtube.com/channel/UCxnKKzJTex2S_d1YmL2_NUg"><img
src="https://i.postimg.cc/SKTftH0d/1-05.png" width="56" height="44"
alt=""></td>
<td colspan="2">
<a href="https://www.tiktok.com/@snapplabs"><img
src="https://i.postimg.cc/x1Q5kKyv/1-06.png" width="54" height="44"
alt=""></td>
<td rowspan="2">
<img src="https://i.postimg.cc/xdTP5nZq/1-07.png"
width="91" height="61" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="https://i.postimg.cc/MKsjzqL7/1-08.gif"
width="216" height="17" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="https://i.postimg.cc/YqY8qXg2/1-09.png"
width="189" height="20" alt=""></td>
<td colspan="2">
<a href="https://www.snapplabs.co"><img
src="https://i.postimg.cc/3RkFM9YT/1-10.png" width="118" height="20"
alt=""></td>
</tr>
<tr>
<td>
<img src="spacer.gif" width="295" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="49" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="57" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="56" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="spacer.gif" width="91" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
<!-- Keep Pasted Code Above This Line!
</html>