2013-06-26 2 views
0

메인 탐색 메뉴로 가로형 검도 메뉴가 있습니다. 자식이있는 메뉴 항목에는 메뉴 항목 텍스트의 끝에 대해 ​​오른쪽 화살표가 있지만 반대 방향에는 거의 음의 간격이 있습니다. 내가 padding-leftmargin-left을 추가하는 시도하고 :before:after pseudos을 시도하고, 내가 content: "&nbsp"으로 :after 의사를 사용할 때의 유일한 차이점이었다 한, 그것은 실제로 공간을 사용하여 문자 오 문자열,  에 넣어, 즉 content: " "는 영향을 미치지 않았다 .검도 메뉴 항목의 화살표와 어린이의 간격을 어떻게 수정합니까?

그냥 작동하지 않는 호버 (hover) 조건이 있다고 의심 되기는하지만 사용자가 어떤 이유로 든 메뉴를 클릭해야만합니다. 따라서 화살표는 사용자에게 메뉴 항목에는 어린이가 있으며이를 보려면 클릭해야합니다. 내 유일한 해결책은 순간에 불기둥을 제거하기 위해 jQuery를 사용하고 내 질문 How do I make a Kendo Menu open on hover, not on click?에 대한 답을 사용하여 어린이가있는 메뉴 항목을 자동으로 드롭 다운하는 것입니다.

녹색 지구에있는 누구나 화살표와 메뉴 항목 텍스트 사이에 적당한 간격을 유지하는 방법을 알고 있으며, 공유하고 싶습니까? 아니면 잘 생기고 몸값을 요구하고 있습니까? 여기

이 메뉴의 그림입니다 :

.k-menu .k-item>.k-link>.k-i-arrow-e { 
    right:0px; 
} 

그것은 절대적으로 위치시켜 것 : 메뉴가 수평 방향으로 http://demos.kendoui.com/web/menu/orientation.html 이런 건 인 경우

enter image description here

+0

수 있습니까? 메뉴의 이미지를 업로드 하시겠습니까? – anmarti

+0

완료, @senyorToni. – ProfK

답변

1

, 당신은 변경해야 왼쪽/오른쪽/아래쪽/오른쪽으로 연주하여 원하는 위치로 가져와야하고 마진이 효과가없는 것일 수도 있습니다.

+0

나는 실제로'right : -1px;를 설정해야했습니다. 보기 쉽도록 읽을 수있는 메뉴 항목을 가져옵니다. – ProfK