Question

我有一个电子邮件标题，它被分割成不同的图像，以便它们每个都可以链接到一个网页。

我似乎无法对标头进行编码，以便在将以下代码添加到mailchimp时将其保留在大多数电子邮件客户端中。

以下是成品应如下所示： http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-header-full_zpswkpyuqa6.png

以下是我一直在努力的代码：

<a href="https://espn.com">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_01_zpsnfqldsnw.jpg" alt="Company Logo" href="http://espn.com" 
align="left"/>
</a>

<a href="https://comcast.net">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_02_zps8f6i1fvw.jpg" alt="Product Image" href="https://comcast.net" 
align="left"/>
</a>

<a href="https://cnn.com">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_03_zpsdk8geogp.jpg" alt="Shop" href="https://cnn.com" align="left"/>
</a>

<a href="https://apple.com">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_04_zpsirg8szkp.jpg" alt="Customer Service" href="https://apple.com" 
align="left"/>
</a>

<a href="https://amazon.com">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_05_zpssvi0qteo.jpg" alt="Products" href="https://amazon.com" 
align="left"/>
</a>

Answer 1

这就是你所追求的。您应该使用表格将图像放在正确的位置。看看表结构，你会看到我做了什么。

您的代码已删除我已移除的图片代码。
不要忘记图像上的显示块和
所有要在新窗口中打开的链接

下面是一个代码，试一试，让我知道它是否适合你。

<table width="600" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><a href="https://espn.com" target="_blank">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_01_zpsnfqldsnw.jpg" alt="Company Logo" style="display:block;" />
</a></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><a href="https://cnn.com" target="_blank">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_03_zpsdk8geogp.jpg" alt="Shop" style="display:block;" />
</a></td>
<td><a href="https://apple.com" target="_blank">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_04_zpsirg8szkp.jpg" alt="Customer Service" style="display:block;" />
</a></td>
<td><a href="https://amazon.com" target="_blank">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_05_zpssvi0qteo.jpg" alt="Products" style="display:block;" />
</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td width="148"><a href="https://comcast.net" target="_blank">
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-
header_02_zps8f6i1fvw.jpg" alt="Product Image" style="display:block;" />
</a></td>
</tr>
</tbody>
</table>

另外我认为代码上的图像仅用于Stack Overflow？发送包含与照片存储桶相关联的图像的电子邮件将导致传送问题。

干杯

使电子邮件标题在多个客户端中保持一致

1 个答案: