テーブルの画像間のパディングを削除する

Question

私の人生の間、ロゴとその下の他の画像との間のパディングを取り除くことはできません。私は間隔を囲んだ。画像はお互いに浮き上がっていなければなりません。空白はありません。私は何が欠けていますか？

私のコード：任意の文脈なし

table { border-spacing: 0px; } 
 
tr { padding: 0px; } 
 
td { padding: 0px; } 
 
td.purpSpacerAlign { vertical-align: bottom; } 
 
img { vertical-align: top; }

<table> 
 
\t \t <tr> 
 
\t \t \t <td colspan="9"> 
 
\t \t \t \t <img src="images/logo_lt.gif"></td> 
 
\t \t \t <td colspan="3"> 
 
\t \t \t \t <img src="images/logo_rt.gif"></td> 
 
\t \t </tr> 
 
\t \t 
 
\t \t <tr> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/purple_line_lt.gif" width="23" height="27"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/nav_grad_home.gif"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="5"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="20"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/logo_crafts.gif"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/top_grad_line.gif"></td> 
 
\t \t \t <td class="purpSpacerAlign"> 
 
\t \t \t \t <img src="images/spacer_purple.gif"></td> 
 
\t \t </tr> 
 
\t </table>

Answer 1

、これは答えるために挑戦しています。私はこれがHTMLテーブルであると仮定していますか？

<style> 
* { margin: 0; border: 0; padding: 0} 
</style> 

Answer 2

を直接要素

<table cellspacing="0" cellpadding="0"> 

使用上：これは唯一の回避策、（あなたのコードを見ずに）、それが助けかどうかを確認するためにあなたのhtmlにこれを追加すること

試みです​​がCSS