web-dev-qa-db-ja.com

テーブルの境界線を削除する

このテーブルの境界線を取り除くことはできません。

初期のHTML/CSSは、ASP.NET MVCのデフォルトのものです。

多くのコードを削除し、上部に表を追加しました。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>

    <div class="page">

            <table border=0 width=1000 style="border-collapse:collapse;" cellspacing="0" cellpadding="0">
                <tr>
                    <td rowspan=2>
                        <img src="/Content/Images/elk_banner.jpg" />
                    </td>
                    <td>
                        <div id="logindisplay">
                        @Html.Partial("_LogOnPartial")
                        </div>
                    </td>
                </tr>
            </table>

        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
</body>
</html>

すべてのCSSをコメントアウトしようとしましたが、それを取り除くことはできません。

私の唯一の推測は、不可解な.jsファイルの1つがそれを妨害しているということです。または、これらのエキゾチックなHTMLコンテナの1つがそれを行っています。

推測はありますか？私はグーグルで探しましたが、役に立ちませんでした。私が見落としている小さなものだと思います。

htmlcssasp.net-mvc-3
15
micahhoover

Firebugを使用して問題のテーブルを検査し、どこから境界線を継承しているかを確認します。 （右の列を確認してください）。オンザフライでインラインスタイルのborder：noneを設定してみてください。あなたがそれを取り除くかどうかを確認します。ブラウザのデフォルトのスタイルシートにもなります。この場合、CSSリセットを使用します。 http://developer.yahoo.com/yui/reset/

3
George Katsanos

テーブルにIDを与え、!importantを使用して、CSSでborderをnoneに設定してみてください。 JavaScriptがテーブルを改ざんしている場合は、それを回避する必要があります。

<table id="mytable"
...

table#mytable,
table#mytable td
{
    border: none !important;
}
17
Marty

これをtableタグ内に追加してみてください。

border = "0" cellspacing = "0" cellpadding = "0"

<table  border="0" cellspacing="0" cellpadding="0">
...
</table>
12
Chathuranga Jayanath

これにより、border-collapse

table{
    border-collapse:collapse;
}
6
David Leegwater

すべてのテーブルから削除するには（これをヘッドまたは外部スタイルシートに追加します）

<style type="text/css">
table td{
border:none;
}
</style>

The image shows where the style is coming from (Firebug)

5
robasta

テーブルレベルでテーブルスタイルのボーダー折りたたみを使用する

2
Fussell

ほとんどの場合、背景色はテーブルの背景と異なります。セル間にスペースがあるため、これらのスペースはテーブルの背後にある背景の色で線の錯覚を作成します。

解決策は、これらのスペースを取り除くことです。

テーブルタグ内に記述します。

cellspacing="0"
2
Guyfrala

border-spacing: 0;も動作するはずです

1
pr0tipZ

ケースから、<table>および<td>タグの境界線をnoneに設定する必要があります。

    <table width=1000 style="border:none; border-collapse:collapse; cellspacing:0; cellpadding:0" >
        <tr>
            <td style="border:none" rowspan=2>
                <img src="/Content/Images/elk_banner.jpg" />
            </td>
            <td style="border:none">
                <div id="logindisplay">
                    @Html.Partial("_LogOnPartial")
                </div>
            </td>
        </tr>
    </table>
0
blaisck