Question

我有一个关于CSS的简短问题和一个我不太了解的话题。它是影响其他表的网站的style.css。这是一个例子：

如您所见，导航在切片部分和白色边框之间留有空格。这是代码：

<table id="Tabelle_01" width="980" height="110" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td colspan="7">
        <img src="http://myreclaim.de/navigation/images/navigation_01.png" width="980" height="31" alt=""></td>
</tr>
<tr>
    <td rowspan="2">
        <img src="http://myreclaim.de/navigation/images/navigation_02.png" width="266" height="79" alt=""></td>
    <td>
        <a href="#"><img src="http://myreclaim.de/navigation/images/navigation_03.jpg" width="104" height="45" alt=""></a></td>
    <td>
        <a href="http://board.myreclaim.de/"><img src="http://myreclaim.de/navigation/images/navigation_04.jpg" width="91" height="45" alt=""></a></td>
    <td>
        <a href="http://board.myreclaim.de/index.php/BoardList/"><img src="http://myreclaim.de/navigation/images/navigation_05.jpg" width="63" height="45" alt=""></a></td>
    <td>
        <a href="http://board.myreclaim.de/index.php/MembersList/"><img src="http://myreclaim.de/navigation/images/navigation_06.jpg" width="88" height="45" alt=""></a></td>
    <td>
        <a href="http://board.myreclaim.de/index.php/MembersList/"><img src="http://myreclaim.de/navigation/images/navigation_07.jpg" width="80" height="45" alt=""></a></td>
    <td rowspan="2">
        <img src="http://myreclaim.de/navigation/images/navigation_08.png" width="288" height="79" alt=""></td>
</tr>
<tr>
    <td colspan="5">
        <img src="http://myreclaim.de/navigation/images/navigation_09.png" width="426" height="34" alt=""></td>
</tr>

从我的观点来看，它应该可以工作，因为据我所知，它有一个唯一的ID和一个边框，cellpadding和cellspacing为0.在Adobe DW中看起来应该如此。

我真的很感激在正确的方向上轻推！

Answer 1

尝试覆盖样式表中的表规则：

#Tabelle_01 { 
    border-collapse: collapse; 
    border: 0; 
}

#Tabelle_01 td { 
    padding: 0; 
    border: 0; 
}

Answer 2

使用此CSS：

a {
    padding:-Npx;
    margin:-Npx;
}

其中N是一定数量。继续尝试N，直到线之间没有间距。请记住保持数字为负数

Answer 3

在文件http://myreclaim.de/wp-content/themes/elite/style.css?ver=4.0.1中，您有3行正在更改您的表格。

table{width: 100%; max-width:100%; margin-bottom: 30px; border:1px solid #ddd;}
table th{ padding: 10px; text-align: center; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
table td{ padding: 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}

如果删除这些行，问题就解决了。虽然，您可能需要在网站上的其他表格中使用这些表格。

CSS表受其他样式表的影响

3 个答案: