2011-12-16 2 views
1

상위 메뉴의 왼쪽에 너무 많이 나타나는 드롭 다운 메뉴에 문제가 있습니다. 여기CSS가있는 상위 메뉴 아래에 드롭 다운 메뉴 중앙 정렬

('회사 소개'메뉴와 비교)

탐색 메뉴의 CSS가 대부분 혼자서 수행되지 않았기 때문에 위치와 혼동스러워합니다. 나는 그걸로 약간의 도움에 정말로 감사 할 것입니다.

감사합니다.

+0

메뉴 바를 포함하는 테스트 페이지를 만들 수 있습니까? 함께 일하는 것이 훨씬 쉬울 것입니다. – Charlie

+0

@Charlie, 그게 도움이된다면 다음과 같이 설정했습니다 : http://dev.gratefulhearttherapy.org/test –

+0

메뉴 바를 포함 할 수 있습니까? 다른 페이지 요소가 없습니까? – Charlie

답변

1

상단 메뉴 컨테이너에서 position : relative를 설정하고 하위 컨테이너에서 왼쪽 : 142px를 제거하면 왼쪽으로 정렬됩니다.

.custom ul.mega-menu li { 
    position: relative 
} 
.custom ul.mega-menu li .sub-container { 
    left: 0 
} 
+0

CSS 파일 끝에 줄을 복사했는데 예상대로 작동하지 않습니다. '서비스'드롭 다운이 '치료사'아래에 표시되고 '미국 정보'드롭 다운이 탐색 바 오른쪽에 나타납니다. Chrome 관리자에서 사용해 볼 수도 있습니다. 코드에서 왔는지 또는 올바르게 구현하지 않았는지 확실하지 않습니다. –

+0

일부 규칙이 HTML에 있고 CSS 규칙을 무시하기 때문입니다. HTML 코드에서 'left : 142px'규칙을 제거해야합니다. – Manuszep

+0

감사합니다. 내 CSS 파일에서! important를 사용하여 HTML 규칙을 오버라이드해야했습니다. 이 규칙은 내가 사용하는 '메가 메뉴'플러그인에 의해 동적으로 생성 된 것 같습니다 (그리고 당신을위한 142px 값은 126px 값입니다), 소스에서 사용 중지하는 방법을 모르겠습니다. –