2011-06-09 147 views
11

我无法摆脱此表格边框。删除表格边框

最初的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容器之一就是这样做的。

任何猜测?我一直在搜索,但无济于事。我想这是我忽略的一些小事。

回答

3

使用Firebug检查有问题的表格,并查看它从哪里继承边界。 (检查右栏)。尝试设置即时内联样式边框:无;看看你是否摆脱它。 也可能是浏览器的默认样式表。在这种情况下,使用CSS重置。 http://developer.yahoo.com/yui/reset/

16

尝试给你的表一个ID,然后用!important在0123中设置bordernone。如果JavaScript篡改您的表格,那么应该绕过它。

<table id="mytable" 
... 

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

需要注意的是TD元素也必须以覆盖MVC的设置默认样式。 – 2012-08-23 13:06:58

5

从所有表中删除,(它添加到头部或外部样式表)

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

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

5

这将border-collapse

table{ 
    border-collapse:collapse; 
} 
7

请尽量去做将其添加到表格标签内。

边界= “0” CELLSPACING = “0” 的cellpadding = “0”

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

大多数的你的背景颜色是表格的背景不同的时间。由于单元格之间有空格,这些空格将创建表格背景背景颜色的线条错觉。

解决方案是摆脱这些空间。

表里面的标签写入:

cellspacing="0" 
-1
.yourClass>tbody>tr>td{border: 1px solid #ffffff !important;}
+4

是不是想摆脱边界?另外的解释会改善你的答案。 – dakab 2015-09-03 10:49:14

2

使用表格样式边框塌在表级别