テーブルの2つのセルの間にマージンを0にするにはどうすればよいですか？

私はお互いに隣り合う2つの画像を1つの画像のように見せようとしています。これは私が起こっているHTMLれる：テーブルの2つのセルの間にマージンを0にするにはどうすればよいですか？

<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>

画像を右のセルには、実際に繰り返される背の高い、狭いイメージです。

問題は、実行時に2つのセルが見えるようになっていないことです。この画像では、左にどのように見えるのか、右のように見えるようにするのがわかります。 border = "0"を指定しても、これらの間には "ガター"があります。

enter image description here

私はこれが行わ見てきました。私はそれを再現するのに苦労しているだけです！

編集する：BTW、これはIE9のストレートHTMLページです。

Acceptedの回答にフォローアップ：希望の結果を得るためにCSSを使用すると機能しませんでした。 style = "border：0px; border-spacing：0px; padding：0px;"というスタイルを設定します。 2つの画像の間にサイズが小さくなっていましたが、それだけです。おそらくもっと多くのことが行われなければなりませんでしたか？とにかく、私は受け入れられた答えを使って仕事を終えました。唯一の方法はあり

出典

2012-02-21 Cyberherbalist

： - おそらくCELLSPACINGとCELLPADDINGを使用して（と私は、これらの二つの性質を忘れてしまった信じることができない、私はのように感じさせるまあ

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

出典

2012-02-21 07:12:32 SteeveDroz

、@powerbuoyは、Oltarusの方法は、仕事をしますnoob）は廃止されるべきですが、それらは機能します。もちろん、CSSを言い表すだけでなく、代わりの回答を提供することもできます。別の話題では、あなたのブログをチェックしたところ、自分のWordPressプラグインを書くつもりだと思っています。 – Cyberherbalist

'border-spacing'プロパティはIE7ではサポートされていないので、HTML属性を使用する方が効果的です。しかし、本当に属性の使用を避けたい場合は、CSSで 'border-collapse：collapse'を使用してください。 –

@JukkaKKorpela私はボーダー崩壊を試みました：崩壊し、ボーダーの幅を減らしましたが、cellpadding/spacing = "0"（border：0pxを指定した場合でも）のようにそれを取り除きませんでした。 – Cyberherbalist

テーブルの2つのセルの間にマージンを0にするにはどうすればよいですか？

答えて

関連する問題