【发布时间】:2015-03-13 05:07:14
【问题描述】:
我已经尝试了迄今为止在其他堆栈溢出问题中可以找到的所有方法来解决此问题,但无法弄清楚。我有一个带有背景图像的 HTML 表格,用于在网站上的特定项目周围创建圆形分隔线/气泡。我不能让表格行完全消失。似乎他们只是在显示分裂的顶部和右侧? CSS 和表格都如下所示。这是我无法摆脱的图像。您可以看到曲线正下方的细线,然后沿着右边框的右侧。它也会显示其他地方,但背景太接近边框颜色以至于不明显。
还有一些多余的 CSS,我一直在尝试我能找到/想到的所有东西来修复它。
我无法添加图片,但这是我不断收到的结果图片的链接http://www.bdtransport.com/devel/TableIssue.JPG
代码:
table {
border-collapse: collapse;
border-spacing: 0;
border: none !important;
padding: 0 0 0 0;
margin: 0 auto;
}
tr, td {
padding: 0 0 0 0;
spacing: 0
border: none !important;
outline: none;
border-collapse: collapse;
}
<TABLE width='1100' align='center'>
<TR>
<TD colspan='5' background='./images/MainTop.jpg'> </TD>
</TR>
<TR>
<TD background='./images/MainLeft.jpg' width='75'> </TD>
<TD background='./images/MainNewsBackground.jpg' width='687'> Text </TD>
<TD background='./images/MainNewsDivider.jpg' width='22'> </TD>
<TD background='./images/MainNotificationsBackground.jpg' width='250'> Recent/Upcoming Info: </TD>
<TD background='./images/MainRight.jpg' width='66'> </TD>
</TR>
</table>
【问题讨论】:
-
sn-p 没有在表格单元格上显示任何边框。也许在图像上提供绝对路径以便更好地再现?
-
你可以试试绝对路径仍然产生相同的结果。我从
开始,因为这是我历史上使用的(我已经有一段时间没有像这样完成 html 工作了),但它没有用。那是我开始使用上述所有 CSS 的时候。
表格默认没有边框。要么你的真实页面有一些导致一些边框的 CSS,要么你将某些东西误解为表格边框。它不能只是每行之间的一条线而不是边框吗?我有一些背景图片,我想将它们完全对接在一起,它们之间根本没有空间。
标签: html html-table border