0

ホームページの真ん中にテーブルを含むサイトを構築していますが<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">&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;
}

まだ運がありません。誰か提案がありますか？

4

2 に答える 2

0

以下を CSS に追加します。

hr {
    height: 0px !important;
}

CMS ソフトウェアを使用してサイトを開発しているようですが、使用しているテンプレートは実際には<hr>atを入れています。

<div id="page" ...>
    <header id="masthead" ...>
        <hgroup ...>
        <nav id="site-navigation" ...>
        <hr>
    </header>
    <div id="main" ...>
    <footer ...>
</div>
于 2013-04-18T20:22:53.287 に答える
0

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-18T20:08:27.303 に答える