CSS表受其他樣式表影響

Question

我對CSS有一個簡短的問題，而我對此卻不太了解。 它是影響其他表的網站的style.css。 這是一個例子：

http://myreclaim.de/

如您所見，導航在切片的部分和白色邊框之間留有空格。 這是代碼：

<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和一個邊框，邊框填充和cellpacing為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;}

如果刪除這些行，則問題得以解決。 雖然，您可能需要這些用於網站上的其他表格。