2012-04-23 10 views
1

そうですね、私はかなり複雑なサイトを自己編集していて、メニューを含むこの最後の部分で立ち往生しています。それは浮動小数点:左のコマンド(画面の左側に表示されているnavbarが表示されています)を持っていて、ラッパーでcenter-center(画面の中央に表示されます)に移動しようとしましたが、失敗しました。私はプログラミングのnoobだとかなりの試行錯誤とGoogle Chromeで「要素を検証」コマンドの組み合わせで生き残るNavメニューの編集 - どのように表示するのですか?表示:ブロック、浮動小数点:左に中央メニューを表示しますか?

#nav a { 
    display: block; 
    padding: 5px; 
    color: #aaa; 
    text-decoration: none; 
    outline: none; 
    font-weight: normal; 
    font-family: "Droid Serif", Georgia ,serif; 
} 
#nav > .current-menu-item > a, 
#nav > li a:hover { color: #4C4C4C } 
.plus { color: #aaa } 
#nav ul { 
    position: center; 
    display: none; 
} 
#nav li { 
    float: left; 
    position: relative; 
    list-style-type: none; 
    padding-bottom: 5px; 
} 
#nav li a { 
    letter-spacing: 3px; 
    font-size: 14px; 
    text-transform: uppercase; 
    padding: 8px 15px; 

:以下

は、符号化です。穏やかではなく、説明してください:)ではなく フロート

歓声、 ジェス

答えて

0

ディスプレイ与える:あなたのLIにインラインブロックを。このように書く:

#nav li { 
    display:inline-block; 
    *display:inline;/* For IE*/ 
    *zoom:1; 
    position: relative; 
    list-style-type: none; 
    padding-bottom: 5px; 
} 
1

を使用すると、ナビゲーション中にULを中心にしたい場合は、単には、ULに追加し、マージン:0自動; 幅のチェックアウトを追加しない場合は、How do I center align horizontal <UL> menu?

関連する問題