1

このメニューを好きな場所に再配置するのに問題があります。リスト全体を取得して、ページ上の希望する場所に配置するにはどうすればよいでしょうか? 経験が浅いので、簡単な質問で申し訳ありません。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
    <title></title>
    <style>
    body {
        background-color: lightgrey;
    }
    .menu {
        list-style: none;
        font-family: "futura", sans-serif;
    }
     .menu li {
        float: left;
        border-left: 2px solid black;
        padding-left: 10px;
        margin-right: 10px;
    }
    a {
        text-decoration: none;
    }
    a:link {
        color: grey;
     }
    a:hover {
        color: white;
    }
    a:visited {
        color: darkgrey;
    }
    .menu li:first-child {
        border: none;
    }
    div.title {
        float: left;
        font-family: "futura", sans-serif;
        padding-left: 10px;
        margin-right: 10px;
        font-size: 36px;
    }
    </style>
    </head>
    <body>
    <div class="title">Dan's Cupcakes</div>
    <ul class="menu">
    <li><a href="http://blah.com">Home</a></li>
    <li><a href="http://ilovetoeatgrapes.com">Cupcakes</a></li>
    <li><a href="http://thehouseisonfire.com">Contact</a></li>
    <li><a href="http://cars.com">About Us</a></li>
    </ul>
    </body>
    </html>
4

2 に答える 2

0

メニューを正確にどこに配置しますか??

とにかく、私は何かを編集し、それの jsfiddle を提供しました。希望どおりに表示されるかどうかを確認します。

メニュー css のマージン値を変更するだけです。

    .menu {
margin: top_position, right_position, bottom_position, left_position;
}



http://jsfiddle.net/DGjG9/

そのリンクを見て、決定に来てください

于 2012-12-23T06:46:31.387 に答える
0

css を使用した要素の配置について学ぶためのリンクを次に示します。

http://www.w3schools.com/css/css_positioning.asp

それにはいくつかの方法があります。画面上のどこに表示するかによって、使用する方法を決定する方法があります。

于 2012-12-23T06:47:03.210 に答える