2011-06-09 188 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

使用表格樣式邊框塌在表級別