2012-03-07 31 views
0

私は、親ページの下に始まり、ワードプレスと第二階層メニューのウェブサイトを作成しWordpressのCSS表示されていないナビゲーションが正しく

私はラインになりたい

最初のレベルのメニューに関係なく、あなたが服」または「バッグ」

http://www.dawaf.co.uk/showroom/bags

/*Main Navigation 
------------------------------------------------------------ */ 
#access { 
    background: none; 
    -webkit-box-shadow: none; 
    text-align:center; 
    box-shadow: none; 
    margin: -10px auto 6px; 
    text-transform: uppercase; 
    font-weight: bold; 
} 

#access div { 
    margin: 0 0.5%; 
} 

#access a { 
    color: #EEEEEE; 
    line-height: 2.2; 
    padding: 0 8px; 
    font-size: 12px; 
} 



#access ul ul { 
    width: 800px; 
} 

#access ul ul a { 
    width: auto; 
    background: transparent !important; 
    font-weight: bold; 
    font-size: 12px; 
} 

#access ul ul li:hover a { 
    color: #666666; 
} 

#access li.current_page_item ul { 
    display: block; 
} 

#access li:hover > a { 
    background: transparent !important; 
    color: #666; 
} 

#access ul li:hover > ul { 
display: none; 
} 

#access ul li.current_page_item:hover > ul { 
display: block; 
} 

/*Submenu 
------------------------------------------------------------ */ 

#access ul ul { 
    -webkit-box-shadow: none; 
    box-shadow: none; 
} 

#access ul ul a { 
    background: #000; 
    border-bottom: none; 
    color: #EEEEEE; 
    line-height: 0.4; 
} 

#access li:hover > a, #access ul ul :hover > a, #access a:focus { 
    background: #FFF; 
} 

ul.children { 
    width: 1000px !important; 
    background: transparent !important; 
    margin-top: -15px !important; 
    border-top: 1px solid #EEEEEE; 
} 

答えて

0

をクリックするかどうかについて、あなたは、トップのメニュー項目の右側にのようにインラインそれらをしたいですか? ie:

衣類 - 鞄>デイ|夕方

または、ページの同じ左の位置にあるトップメニューの行の下に整列しますか? ie:

衣類 - 袋 日|夕方

服 - バッグ ドレス|ジャンプスーツ

「#access ul ul」のCSSプロパティを使用して再生することもできます。 2番目のレベルのメニューは、メインレベルメニューのul内に入れ子になっています。あなたが望むコントロールをそのまま手に入れることができない場合は、2番目のレベルのメニューをネストされていない独自のulに分解したいかもしれません。

+0

ページの同じ左の位置にトップメニューの下に並んでいてほしい – user1096057

0

投稿したコードに適切なものが見つかりませんでしたが、position:relativeオプションを#access li(style.css行562)から#access ul(style.css行556)