Удаление границы стола

Я не могу избавиться от этой границы таблицы.

Исходный 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 вмешивается в него. Или один из этих экзотических контейнеров HTML делает это.

Любые догадки? Я googled вокруг, но безрезультатно. Я предполагаю, что это что-то маленькое, о чем я не замечаю.

Ответы

Ответ 1

Используйте Firebug для проверки рассматриваемой таблицы и посмотрите, откуда она наследует границу. (проверьте правую колонку). Попробуйте установить "на лету" встроенный стиль: none; чтобы узнать, избавитесь от этого. Также могут быть таблицы стилей по умолчанию для браузеров. В этом случае используйте CSS reset. http://developer.yahoo.com/yui/reset/

Ответ 2

Попробуйте присвоить вашей таблице идентификатор, а затем с помощью !important установить border в none в CSS. Если JavaScript подделывает вашу таблицу, то это должно обойти это.

<table id="mytable"
...

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

Ответ 3

Попробуйте добавить это внутри тега таблицы.

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

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

Ответ 4

Это будет сделано с помощью border-collapse

table{
    border-collapse:collapse;
}

Ответ 5

Чтобы удалить из всех таблиц (добавьте это в верхнюю или внешнюю таблицу стилей)

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

Ответ 6

В большинстве случаев цвет фона отличается от фона вашей таблицы. Поскольку между ячейками есть пробелы, эти пространства создают иллюзию линий с цветом фона за столом.

Решение состоит в том, чтобы избавиться от этих пространств.

Внутри тега таблицы пишите:

cellspacing="0"

Ответ 7

Использовать стиль таблицы Пограничный сбой на уровне таблицы

Ответ 8

border-spacing: 0; должен работать также

Ответ 9

В вашем случае вам нужно установить границу none на тегах <table> и <td>.

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

Ответ 10

.yourClass>tbody>tr>td{border: 1px solid #ffffff !important;}