2013-03-01 7 views
1

안녕하세요 전문가 형제/자매입니다.세로 메뉴의 드롭 다운 메뉴가 여백으로 올바르게 작동하지 않습니다.

나는 웹 사이트에서 일하고 있으며 드롭 다운 메뉴에 문제가 있습니다. 웹 사이트에는 두 개의 드롭 다운 메뉴가 있습니다. 하나는 수평 드롭 다운 메뉴이고 다른 하나는 수직 드롭 다운 메뉴입니다. 메뉴를 두 번 드롭 다운했습니다. 친절 처음에 그 이미지를 참조하십시오 수평 메뉴 (부모 "쇼핑 카트")의

  1. 드롭 다운 메뉴를 Drop down menu of Horizontal Menu
  2. 수직 메뉴 (부모 "잡지")의
  3. 드롭 다운 메뉴 Drop down menu of Vertical Menu

두 번째 문제 (세로 메뉴의 드롭 다운 메뉴) : 드롭 다운 메뉴는 "잡지"탭에 속합니다. 기본 탐색/탭과 드롭 다운 탐색 사이에 여백이 있음을 볼 수 있습니다. 내 문제는 그 한계입니다. 나는 그 마진을 사용해야한다. 그러나 그 여백을 만들기위한 "잡지 탐색"에서 마우스를 드롭 다운 메뉴에 쉽게 놓을 수는 없습니다.

link을 확인할 수 있습니다. 보세요, '쇼핑 카트'메뉴의 드롭 다운 메뉴 (이미지 1)까지의 여백도 있습니다. 그러나 "쇼핑 카트"의 드롭 다운 메뉴에 마우스를 쉽게 올릴 수 있습니다. 그러나 "잡지"메뉴의 드롭 다운 메뉴에서 마우스를 쉽게 선택하거나 넣을 수는 없습니다.

"쇼핑 카트"메뉴에서 드롭 다운 메뉴까지 여백이 있지만 문제가 발생하지 않았습니다. 왜냐하면, 나는 열린 눈에서 여백이 보이는 "장바구니"li에 높이를 부여했습니다. 따라서 "장바구니"메뉴에서 드롭 다운 메뉴에 이르는 실제 마진 (마린 톱)은 없습니다. 그러나 "잡지"메뉴에서 동일한 기술을 사용할 수 없습니다. "잡지"메뉴의 큰 너비를 사용하여 드롭 다운 메뉴의 추상 여백으로 사용할 수 없음을 의미합니다. 왜냐하면 마진 대신 더 큰 너비를 사용하면 "잡지"메뉴에서 배경색과 이미지가 나타납니다.

제발 도와 주실 수 있습니까? 내 문제를 분명히 해줄 수 있을까요? 간단히 말해서 나는 이라고 말하고 싶습니다. "Magazine"메뉴의 왼쪽에 여백을 만들기 때문에 드롭 다운 메뉴에 "Magazine"메뉴를 쉽게 만들 수 없습니다.

내 문제를 읽어 주셔서 감사합니다.

(내가 여기 포맷 할 수있다, 여기에서 그 메뉴에 대한 내 코드를 주려고 노력하지만, 한 사람이 필요하면, 내가 업로드 한 이유입니다 :.. Download)

+0

맞지 않는 여백을 늘리고 콘텐츠를 관리해야합니다. 호버를 계속 유지하기 위해 왼쪽 열과 그 내용 인 UL 및 LI를 사용할 수 있습니다. 마 지어 오른쪽 20 픽셀을 할 것입니다 – Fico

+0

귀하의 솔루션을 명확하게 이해하지 못합니다. 예, '잡지'메뉴에서 드롭 다운 메뉴까지 약 15px 여백이 있습니다. 앤디 올콘 (Andy Allcorn)으로부터 이미 쉬운 해결책을 얻었습니다. 귀하의 의견에 감사드립니다. – user1896653

답변

0

글쎄, 그것이이다 끔찍한 해킹이긴하지만 다음과 같이 여백을 가짜로 만들 수 있습니다.

.vertical_nav li ul li { 
    border-left: 15px solid #fff; 
} 
+0

매우 간단한 해결책을 가져 주셔서 감사합니다. :) – user1896653