수퍼 피시 메뉴 하위 메뉴 중심

나는 Superfish Navbar 메뉴를 페이지의 중앙에 배치했지만 페이지의 첫 번째 하위 메뉴를 중앙에 배치하는 방법을 찾기 위해 고심하고 있습니다.수퍼 피시 메뉴 하위 메뉴 중심

나는 평판이 10 가지가 아니므로 이미지를 게시 할 수 없습니다.

2013-07-17 Sathesh

이것은 [바이올린]을 만들 수 있습니다 code.You없이 대답하기 어려운 일부 CSS 코드뿐만 아니라 – Bigood

을 게시하시기 바랍니다 (http://jsfiddle.net/)하는 것 귀하의 질문에 훨씬 더 빨리 대답하십시오. css에서 : first-child를 사용하여 메뉴 항목을 적용 할 수 있습니다. #menuName ul li : first-child {// 여기 코드}; –

감사합니다. 가 여기에 바이올린입니다 내가 그것을 관련 중앙에있는 하위 메뉴를 얻으려고 부모의 http://jsfiddle.net/msathesh/uPzQW/1/. 현재 서브 메뉴는 주 메뉴가 시작되고 이미 지정된 너비와 여백으로 중심이 맞춰져 있습니다 : 0 auto; 재산. 그게 문제 야. 도움이된다면 큰 도움이됩니다. 감사. – Sathesh

여기 좋은 해결 방법이다 :

1 단계 : 서브 메뉴를 대체하는 자바 스크립트 함수를 만듭니다. 이런 식으로 뭔가 :

기능 DisplaceSubMenu (myDistance) {
document.getElementById("mySubMenu").style.margin-left= -myDistance; 
}

기억 : 당신이 해제 정렬 된 목록에게 "mySubMenu"의 ID를 제공해야 .

2 단계 : 전화 "홈"또는 하위 메뉴를 개최하기 때문에 "서비스"유혹 자바 스크립트 기능. 동일한 호출을하지만 "myDistance"속성을 맞춤 거리로 전달하십시오 (& 오류). 여기 예제 : 당신이 :) 수있는 지금

<a href="/" class="sf-with-ul" onmouseover="DisplaceSubMenu(30);">Home</a>

출처

2013-07-20 12:22:09

다른 방식으로 Wassim에게 감사드립니다. 나는 margin : 0 auto;를 사용할 수 있기를 바랬습니다. 하위 메뉴에 있지만 정말 다른 방법을 알아낼 수 없습니다. – Sathesh

나는 CSS 만 사용하는 것을 선호하지만 불행히도이 경우 유일한 해결책입니다. 여백 : 0 자동; 컨테이너 div가 필요합니다. 다른 위치에 여러 하위 메뉴가 있기 때문에이 경우 불가능합니다. 내 대답이 도움이된다면 그 질문에 대한 대답으로 표시해 주시면 고맙겠습니다. –

방금 하위 메뉴가있는 메뉴 항목에 고유 한 클래스를 추가하고 대신 CSS를 사용했습니다. 그것은 Wassim Taher가 여기에서 언급 한 것과 같은 개념이지만 CSS와 JS가없는 클래스들과 같습니다. Wassim에게 감사드립니다. – Sathesh

답변

관련 문제