1

さて、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つよりも離れて配置されています...その個々のアイテムの左側にマージンがあるかのように...なぜですか？> _ <

私は完全に何かを逃しましたか？他に必要なものはすべて私に知らせてください。

助けてくれてありがとう、みんなありがとう。

4

1 に答える 1

0

<li>2番目のアイテムを閉じなかったため、2番目と3番目の要素の間にスペースがあります。次のようになります <li><a href="blog.html"><b>.blog</b></a></li>。

しかし、私がmargin-right: 10px;forを与えているとき、私#navは右から10pxのスペースを取得します...

于 2012-12-19T20:52:11.053 に答える