2

我有 3 个图像部分，我必须将其显示为单个图像，并且还希望使用 HTML 标签包含指向这 3 个图像部分的链接。

我创建了具有 1 列和 2 行的表，并将图像插入到表的 3 部分中。但它在上下图像（第 1 行和第 2 行）之间有一些空间。如何解决此问题并创建没有任何空格的单个图形，并且还需要在第三张图像中包含链接。

急需帮助

<table style="width: 660px; border-collapse: collapse; height: 237px;" border="0" cellspacing="0" cellpadding="0" sizset="0" sizcache="15">
<tbody sizset="0" sizcache="15">
<tr>
<td><img style="margin: 0px; border: 0px currentColor;" src="uploaded/Online_Newsletters/Nav/masthead-ball_top.jpg" width="665" height="197"></td>
</tr>
<tr>
<td><img style="margin: 0px; border: 0px currentColor;" src="uploaded/Online_Newsletters/Nav/ball_bottom_left.jpg" width="579" height="37"><img style="margin: 0px; border: 0px currentColor;" src="uploaded/Online_Newsletters/Nav/ball_bottom_right.jpg" width="86" height="37"></td>
</tr>
</tbody>
</table>

我使用了上面的代码，但图像之间仍然有空间。在我的公司网站是使用 finalsite 管理的，所以我使用的是 finalsite 编辑器。

4

2 回答 2

1

在表格标签中使用 cellpadding 和 cellspacing：

<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">

并使用第三张图片作为链接，只需使用

<a href="http://www.example.com"><img src="yourimage.jpg" border="0" style="float:left;" /></a>

编辑：

添加style="float:left;"到您的 img 标签。

http://jsfiddle.net/H628X/1/

于 2012-07-02T12:37:14.330 回答
0

连同@Wolv3r 答案，如果您没有

img {
   display:block;
}

内联或使用样式标签，这会导致 gmail / yahoo 出现问题。

用于电子邮件方法的良好 html 的来源：

http://24ways.org/2009/rock-solid-html-emails/

于 2014-03-03T16:07:13.703 回答