不能刪除html表頂部的行

我正在構建一個網站，其中包括一個表在主頁的中間，我似乎無法得到一行（看起來像一個<hr>行）從消失它的頂部。下面就來http://marccary.com/test的網頁的鏈接，這裏是我使用的表的代碼：不能刪除html表頂部的行

<table cellspacing="0" cellpadding="0" border="none"> 
    <colgroup border="none"> 
    <col span="1" width="400" > 
    <col span="1" width="400" > 
    </colgroup> 
    <tr> 
    <td height="225" width="600"><p align="center">&nbsp; 
&nbsp; 
&nbsp; 
<iframe width="400" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F84936057%3Fsecret_token%3Ds-4zQJw&show_artwork=true&secret_url=true"></iframe><br><span style="font-size:20px;"><a href="https://soundcloud.com/marccary" style="color:#white;">Marc Cary on Soundcloud>></a></span></p></td> 
    <td height="225" width="600"><p align="center">&nbsp; 
<iframe width="400" height="225" src="http://www.youtube.com/embed/j9GhIaaEC6c" frameborder="0" allowfullscreen></iframe> 
<span style="font-size:20px;"><a href="http://www.youtube.com/marccary" style="color:#white;">Marc Cary's YouTube channel>></a></savaipan></p></td></tr></table>

我已經在我的CSS，並試圖以確保沒有國界的表。我把下面的代碼放到了我的CSS樣式表中：

table { 
    border-collapse: separate; 
    border-spacing: 0; 
    border: none !important; 
    border-top: none; 
    border-bottom: none; 
} 
caption, 
th { 
    border-bottom: none; 
    border: none; 
    border-top: none; 
} 
td { 
    font-weight: normal; 
    text-align: left; 
    border-top: none; 
    border: none; 
    border-bottom: none; 
} 
tr { 
    border: none; 
    border-bottom: none; 
    border-top: none; 
}

仍然沒有運氣。有沒有人有建議？

來源

2013-04-18 Giovanni Russonello

將'border =「none」'改爲'border =「0」' – jtheman

你有一個CSS設置：

.entry-content td, .comment-content td { 
    border-top: 1px solid #EDEDED; 
}

這就是你看到的邊界。

這個CSS

border-top: none; 
border: none; 
border-bottom: none;

可以縮短到僅僅

border: none;

來源

2013-04-18 20:08:27 jtheman

以下內容添加到您的CSS：

hr { 
    height: 0px !important; 
}

看來您使用的是CMS軟件開發您的網站和您使用的模板實際上是將<hr>放在

<div id="page" ...> 
    <header id="masthead" ...> 
     <hgroup ...> 
     <nav id="site-navigation" ...> 
     <hr> 
    </header> 
    <div id="main" ...> 
    <footer ...> 
</div>

來源

2013-04-18 20:22:53

不能刪除html表頂部的行

回答

相關問題