0

このリストが表示されず、水平方向に中央に配置されない理由について何か提案はありますか?

liアイテムが実際にインラインで表示されると、センタリングが続くと確信しています...

http://jsfiddle.net/yLHaB/

ありがとう

HTML:

<div id="nav">
<div class="navtable">
<ul id="nav1">
    <li><img src="images/kranznav2.png" alt="kranz"/><a href="index.php">COMPETE</a></li>
    <li><img src="images/thumbnav2.png" alt="thumb"/><a href="score.php">SCORE</a></li>
    <div id="logolist"><li><a href="index.php"><img src="images/logorz.png" width="175em" /></a></li></div>
    <li><img src="images/bagnav2.png" alt="bag"/><a href="index.php">SHOP</a></li>
    <li><img src="images/morenav2.png" alt="more"/><a href="index.php">MORE</a></li>
</ul>
</div>
</div>

CSS:

#nav {
    position:relative;
    background:#ffffff;
    width:100%;
    height:0.2em:
    overflow:visible;
    margin-top:-2em;
    font-family:Cusmyrb;
    font-size:75%;

}

#logolist {
    position:absolute;
    padding-top:2em;
    width:250px;
    left:50%;
    margin-left:-100px;
    margin-top:-7%;

}

#nav a {
    display:block;
    margin-right:0% auto;
    padding-left:0% auto;
    color:#343234;
    text-decoration:none;


}

.navtable {
    display:table;
    margin:0 auto;
}

ul#nav1 {

    min-width:700px;
    list-style:none;
    padding-top:20px;
}

ul#nav1 li {
    display:inline;
}
4

2 に答える 2

0

中央に配置したい場合は、それul#nav1を追加する必要がありますmargin: 0 auto;。

フィドルでは、ラッパーdiv#navが幅100％になるように設定されているため、これが機能していることはわかりません。これを設定する2000pxと、正しく表示されるはずです。

お役に立てれば ：）

于 2013-01-08T22:53:51.397 に答える
0

次のようなものを追加します。

.navtable {
margin: 0 auto;
width: 90px;
}

ナビゲーションに固定幅を設定する必要があります。この例は機能します。

于 2013-01-08T21:11:03.030 に答える