Html 如何在表格的两个单元格之间获得0边距?

Html 如何在表格的两个单元格之间获得0边距?,html,Html,我试图让两个相邻的图像看起来像一个单独的图像。这是我的HTML: <tr> <td style="background-image: url(images/SPIGLogo.png); background-repeat:no-repeat; height: 220px; width: 850px; border:0px;"> &nbsp; </td> <td style="backgro

我试图让两个相邻的图像看起来像一个单独的图像。这是我的HTML:

<tr>
    <td style="background-image: url(images/SPIGLogo.png); 
        background-repeat:no-repeat; height: 220px; width: 850px; border:0px;">
        &nbsp;
    </td>
    <td style="background-image: url(images/LogoContinuation.png); 
        background-repeat: repeat-x; border:0px;">
        &nbsp;
    </td>
</tr>

右单元格中的图像实际上是一个重复的高而窄的图像

问题是,我没有让两个单元格在运行时看起来像一个。在这张图中,你可以看到它在左边是什么样子,我需要它在右边是什么样子。即使我指定border=“0”,它们之间也有一个“边沟”

我见过这样做;我只是复制它有困难

编辑添加:顺便说一句,这是IE9上的一个直接HTML页面

对已接受答案的评论进行跟进:使用CSS试图达到预期的结果是行不通的。设置style=“border:0px;border space:0px;padding:0px;”可以减小两个图像之间的“边距”,但仅此而已。也许还有更多的工作要做?无论如何,我用公认的答案完成了工作。

只有一种方法:

<table cellspacing="0" cellpadding="0">...</table>
。。。

Oltarus的@powerfloug方法确实有效——也许使用cellspacing和cellpadding(我不敢相信我忘记了这两个属性,让我觉得自己像个傻瓜)应该被弃用,但它们确实有效。当然,您可以提供替代答案,而不仅仅是提及CSS。关于另一个话题,我查看了你的博客,我想我要开始写我自己的WordPress插件了,现在我知道了它是如何完成的——谢谢你!IE7不支持
边框间距
属性,因此使用HTML属性更有效。但是如果你真的想避免使用这个属性,可以在CSS中使用
边框折叠:折叠
。@JukkaKKorpela我试过边框折叠:折叠,虽然它确实减少了边框的宽度,但并没有像cellpadding/spating=“0”那样消除它(即使指定边框:0px)。嗯,奇怪的是我的注释消失了。我说“不,布拉布拉”的原因是因为奥尔塔鲁斯说“只有一条路”,但事实并非如此。事实上,他所建议的方式遭到了反对。而且,afaik在IE7中也能工作,但在IE6中却不行@网络药剂师-边界崩溃:崩溃;使边界崩溃。我建议的是边框间距:它可以像cellspacing一样删除单元格之间的间距。我也不知道你的评论怎么了。真奇怪。但无论如何,我尝试了这些评论中提出的所有备选方案,但没有一个奏效。奥塔鲁斯所说的是起作用的(我以前也知道这些特性,很久以前,一定是我的大脑开始失灵了)。