我正在构建一个在主页中间包含一个表格的网站,我似乎无法让一条线(看起来像一条<hr>
线)从它的顶部消失。这是页面http://marccary.com/test的链接,这是我用于表格的代码:
<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">
<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">
<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;
}
仍然没有运气。有人有建议吗?