2012-03-07 2 views
0

나는 상위 페이지 아래에 시작 워드 프레스와 두 번째 계층 메뉴에 웹 사이트를 만들어워드 프레스 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

당신이 그들 인라인 하시겠습니까을 클릭 여부? 예 :

의류 - 가방> 주 | 저녁

또는 페이지의 왼쪽 상단에있는 최상위 메뉴 행 아래 줄을 정렬 하시겠습니까? 예 :

의류 - 가방 일 | 저녁

의류 - 가방 복장 | 점프 슈트

"#access ul ul"CSS 속성을 사용하여 연주하고 싶을 것입니다. 두 번째 수준의 메뉴는 주 메뉴의 ul 내에 중첩되어 있습니다. 그대로 원하는 컨트롤을 얻을 수 없다면 두 번째 레벨 메뉴를 중첩되지 않은 자체 ul로 분해 할 수 있습니다.

+0

페이지 왼쪽 상단의 최상위 메뉴 아래에 줄을 긋기를 원합니다. – user1096057

0

내가 게시 한 코드에서 올바른 내용을 찾을 수 없지만 옵션을 #access li (style.css 라인 562)에서 #access ul (style.css 라인 556)