0

タイトルは一目瞭然ですが、基本的には、表の行が提供された表のスペースと等しく、表のセルの幅が等しい必要があります。私はオンラインで多くの提案を試みましたが、それを理解することができませんでした. どんな助けでも大歓迎です。

HTML:

<div id="content">
<div id="boxes">
    <table>
        <tr>
            <td>
                <h2>News</h2>

                <h6>The new website is up!</h6>
                <p>The new website is up take a look around and be sure to visit our games page and have a good time. =)</p>
            </td>
            <td>
                <h2>Other Stuff</h2>

                <h6>This is where some other info goes</h6>
                <p>We can type other types of information in here for the general public to know.</p>
            </td>
            <td>test</td>
            <td>test</td>
        </tr>
    </table>
</div><!--end boxes-->
</div><!--end content-->

CSS:

#content{
text-align:center;
width:90%;
margin-left:auto;
margin-right:auto;  
}
#content #boxes table{
table-layout:fixed; 
}
#content #boxes table tr td{
border-top:30px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
height:250px;
width:23%;
table-layout:fixed;
text-align:left;
float:left;
display:inline-block;   
}
#content #boxes table tr td:hover{
border-top:30px solid #F00;
border-left:1px solid #F00;
border-right:1px solid #F00;    
}
4

1 に答える 1

1

変更#content #boxes table tr td:

border-top:30px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-collapse:collapse;
height:250px;
width:25%;
text-align:left;

フィドル

編集: ありがとうプンバァ、不要なディレクティブを削除

于 2012-06-20T01:37:46.977 に答える