удаление границы таблицы - PullRequest
Новая
       2

удаление границы таблицы

14 голосов
/ 09 июня 2011

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

Исходный 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-контейнеров делает это.

Есть предположения? Я погуглил, но безрезультатно. Я полагаю, это что-то маленькое, что я пропускаю.

Ответы [ 10 ]

17 голосов
/ 09 июня 2011

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

<table id="mytable"
...

table#mytable,
table#mytable td
{
    border: none !important;
}
12 голосов
/ 13 января 2014

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

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

<table  border="0" cellspacing="0" cellpadding="0">
...
</table>
6 голосов
/ 07 ноября 2012

Это будет сделано с border-collapse

table{
    border-collapse:collapse;
}
5 голосов
/ 09 июня 2011

Для удаления из всех таблиц (добавьте это в заголовок или внешнюю таблицу стилей) 

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

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

3 голосов
/ 09 июня 2011

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

2 голосов
/ 26 января 2016

Использовать стиль таблицы Border-collapse на уровне таблицы

2 голосов
/ 28 января 2015

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

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

Внутри табличного тега напишите: 

cellspacing="0"
1 голос
/ 08 января 2015

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

0 голосов
/ 19 июля 2019

В вашем случае вам нужно установить границу равной 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>
0 голосов
/ 03 сентября 2015 
.yourClass>tbody>tr>td{border: 1px solid #ffffff !important;}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...