일부 웹 개발 문제를 다루고 있으며 HTML, CSS, Javascript로 this specific menu 레이아웃을 얻을 수있는 방법을 알고 싶습니다. "Design"또는 "Hintergründe"위로 마우스를 가져 가면 주 영역이 변경되고 내용이 표시됩니다. 내 문제는 국경, 활성 메뉴 점이 바뀌면 바뀌는 윤곽입니다. 그래서 "디자인"과 "Hintergründe"에 왼쪽, 위, 오른쪽 (아래쪽 없음)에 테두리가있는 2 개의 div 컨테이너를 가져옵니다. 그리고 주요 영역은 테두리가있는 div이어야합니다. 국경의 명당을 어떻게 달성 할 수 있습니까?특정 CSS 메뉴 레이아웃
덧붙여서 : div 컨테이너의 HTML에서는, 그 겉 모습 (얇은) 스크롤 바가 가능합니까? 당신이 클릭 사전에
이들으 모든 최고의 마이클
탭은 콘텐츠 영역과 동일한 배경 색상을 가지고 있으며, 그것은 margin-bottom:-1px을 가지고 있으며, z-index 콘텐츠에 그것을 배치. 이렇게하면 배경 표지가 콘텐츠 영역의 테두리 위로 올라와 원하는 효과를냅니다.
잘 작동합니다. 고마워요! – Michbeckable
MichiMichbeck이 탭에 대해 좋은 답변을주었습니다.
얇은 스크롤바의 경우 사용할 수있는 많은 javascript/jquery 플러그인 중 하나를 사용해보십시오. 예 : http://jscrollpane.kelvinluck.com/
웹 키트 브라우저 용 스크롤 막대를 CSS : http://css-tricks.com/custom-scrollbars-in-webkit/에서 변경할 수도 있습니다. 그러나 javasript 솔루션이 선호 될 수 있습니다.
나는 이것을 내일 시도 할 것이다, 좋게 들린다, thx! – Michbeckable
얇은 스크롤바는 나노 스캐너로 수행 할 수 있습니다. http://jamesflorentino.github.com/nanoScrollerJS/ – Michbeckable
콘텐츠 div의 위쪽 여백을 -1로 설정 한 다음 div의 배경색을 가리키는 메뉴의 아래쪽 테두리를 설정할 수 있습니다 –
javascript/jquery를 사용하면 사용자 지정 스크롤바를 사용할 수 있습니다. 여기를보세요 http://manos.malihu.gr/jquery-custom-content-scroller –