2016-09-10 5 views
-1

右の人は私の最初のウェブサイトをコーディングし、途中でいくつかのバンプを打つ。どんな助けでも本当に感謝しています。さて、私は、5秒間が同じ幅になるように、テーブル(ナビゲーションバーの役割を果たす)のスタイルを設定しようとしていました。私はテーブルの幅を100%に設定し、5つのテーブルのそれぞれを20%に設定しました。ただし、widthプロパティは適用されません。だから私はさまざまな幅で試してみましたが、どれも適用されていません。ここに私のコードは次のとおりです。 HTMLテーブルデータの幅は適用されません

<!DOCTYPE html> 
<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="css.css"/> 
<title>First Website</title> 

    </head> 

    <body> 

     <section class="header"> 

     <header> 
<a href=""><img src="Cantpostimagehere"/></a> 
</header> 

     </section> 

     <section class="navbar"> 

     <nav> 

      <table> 

       <tr> 

        <td><a href="">About Me</a></td> 

        <td><a href="">Funny stuff</a></td> 

        <td><a href="">Home</a></td> 

        <td><a href="">Cool Pictures</a></td> 

        <td><a href="">Contact me</a></td> 

       </tr> 

      </table> 

     </nav> 

     </section> 

     <section class="main"> 

      <img src="Cantpostimagehere"/> 

     </section> 

    </body> 

</html> 

CSS

.header img{ 

    display:block; 
    margin:0 auto; 

    width:50%; 

    padding:0 0 5px 0; 

} 
.navbar td{ 
text-align:center; 
    width:20%; 

} 

.navbar a:link{ 

    color:gray; 

    text-decoration:none; 

} 

.navbar a:visited{ 

    color:gray; 

    text-decoration:none; 

} 

.navbar a:hover{ 

    color:purple; 

    font-weight:bolder; 


} 

.navbar table{ 

    position:fixed; 
    width:100%; 

    display:block; 

    margin:0 auto; 

    background-color:#cccccc; 

    padding:10px; 

    border:2px solid #999999; 

} 

.main img{ 
    width:90%; 

    display:block; 

    margin:10px auto; 

    padding:2px; 

    border:4px solid #999999; 

} 

答えて

2

あなたはTDが適切にスペースを埋めるために、それは親(表)のニーズだ、あなたのテーブルにdisplay:block適用されていますdisplay:table

としています。ありがとう@Oriol

+1

'​​'は既にテーブルセルとして動作しています。しかし、匿名テーブルのテーブルセルは、 '

' – Oriol

関連する問題