저는 using jquery mega menu plugin입니다. 상단 메뉴 막대의 각 메뉴에서 오른쪽 및 왼쪽 패딩을 조금 작게 만들고 싶습니다.jquery 메가 메뉴의 메뉴 주변에서 오른쪽 및 왼쪽 패딩을 변경하고 하위 메뉴를 계속 정렬 할 수 있습니까?
내가 (나는 검은 피부를 사용하고 있습니다)는 CSS로 가서 패딩을 변경할 수 있습니다
.black ul.mega-menu li a {float: left; display: block; color: #fff;
padding: 12px 38px 12px 25px; background: url(images/bg_black.png)
repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}
이
.black ul.mega-menu li a {float: left; display: block; color: #fff;
padding: 12px 28px 12px 15px; background: url(images/bg_black.png)
repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none;}
참고 : 난 그냥 패딩 위 12 픽셀 28px 변경 12px 15px;
하지만 여기서 문제는 드롭 다운 메뉴가 더 이상 메뉴 아래에 제대로 표시되지 않는다는 것입니다.
어쨌든 메뉴 버튼의 패딩을 변경하고 하위 메뉴 항목을 올바르게 유지하십시오.
확실하지 않습니까? 어떤 브라우저를 테스트하고 있습니까? Chrome의 개발자 도구로 값을 변경해 보았는데 문제가있는 것처럼 보였습니다. 그러나 웹 사이트에서 플러그인/CSS를 다운로드했으며 변경 사항이있는 기본 예제 페이지를 테스트하고 있습니다. 당신이 말한 것에 대한 실제 CSS의 값은 잘 작동합니다. 개발자 도구를 통해 값을 변경할 때 작동하지 않지만 (내 추측으로는 정렬 값이 @doc 문서를 준비하고 각 클릭에 계산되지 않습니다.) –
@Matt Wolfe - 당신이 옳다고 생각합니다. 일단 페이지가로드되면 난봉꾼 (firebug)에서 테스트했습니다. – leora