さて、HTMLに関してはかなり初心者ですが、私は少し問題を抱えています。
私は自分のリンクをまともな場所に配置しようとしています。内訳は次のとおりです。ヘッダー内に配置した幅960pxのコンテナーを定義しました。そのコンテナの中に、私のロゴと順序付けられていないリストである画像があります。ロゴは、ロゴとページの左側の端との間の少しのスペースで完全に整列していますが、リストは右、右に整列しています。右マージン/パディングをいくら変更しても、ページの端まで。
<div id="header">
<div class="container">
<img src="images/headerlogo.jpg" height="240" width="381" />
<ul id="nav">
<li><a href="index.html"><b>.home</b></a></li>
<li><a href="blog.html"><b>.blog</b></a><li>
<li><a href="portfolio.html"><b>.portfolio</b></a></li>
</ul>
</div>
</div>
これは、要素に付随するCSSです。
/* Common Classes */
.container {width:960px;margin:0 auto;}
/* Header */
#header {
height:240px;
background:url(../images/headerbg.jpg) repeat-x; margin:0;
}
#nav {list-style:none; margin:190px 0 0 0; padding:0; float:right;}
#nav li {float:left; height:45px; text-align: center; padding:7px 1px 5px 5px; margin:0 0 5px 5px;}
#nav li a {color:#a4b2b7; font-family:arial; font-size:25pt; letter-spacing:-2px; text-decoration:none;}
#nav li a:hover {color:#2f738c;}
編集:また、3番目のリストアイテムは最初の2つよりも離れて配置されています...その個々のアイテムの左側にマージンがあるかのように...なぜですか?> _ <
私は完全に何かを逃しましたか?他に必要なものはすべて私に知らせてください。
助けてくれてありがとう、みんなありがとう。