-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;
}
''は既にテーブルセルとして動作しています。しかし、匿名テーブルのテーブルセルは、 '
関連する問題