0

td 内に div があり、その周囲の 1 ピクセルの境界線を削除できないようです。を追加しようとするtd {padding:0}と、境界線は消えますが、div は左にジャンプし、変数 td は自動的に幅 0px に変更されます。テーブル全体を台無しにすることなく、div の周りの境界線を削除するにはどうすればよいですか?

HTML:

<table>
    <tr>
        <td class="header-left"></td>
        <td class="header">
            <div class="header-image"></div>
        </td>
        <td class="header-right"></td>
    </tr>
</table>

CSS:

table {
width:100%;
border-spacing: 0;
}

.header-left {
height:100px;
background-image:url(img/header-left.png);
background-repeat:repeat-x;

}

.header-right {
height:100px;
background-image:url(img/header.png);
background-repeat:repeat-x;
}

.header {
height:100px;
width:960px;
background-image:url(img/header.png);
background-repeat:repeat-x;
margin:0 auto;
}

.header-image {
height:100px;
width:548px;
background-repeat:no-repeat;
background-image:url(img/header-image.png);
}
4

4 に答える 4

0

DIVタグに次のコードを追加します 

<DIV class ="header-image" style="border:0px">

または、テーブルの境界に問題がある場合は、SET table border=0

于 2013-02-25T15:48:56.010 に答える
0

試す：

Border:none クラス ヘッダーまたはクラス グローバル テーブルの作成 { border-collapse: collapse; ボーダー間隔: 0; ボーダー: 0; }

于 2013-06-06T15:31:15.090 に答える
0 
<table cellspacing="0" cellpadding="0" border="0"></table>

このようにして、テーブル内で作成した td の周りにスペースがなくなります。

于 2013-02-25T15:44:31.417 に答える
0

以下のようにテーブルのプロパティを設定するだけです

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

CSSの変更で以下を試してください

table { border:none;}

それでも解決策が得られない場合は、div の周りに境界線がある例を教えてください。ここでは、div の周りに境界線が見えないためです

于 2013-03-28T11:38:54.260 に答える