2014-06-22 4 views
0

Weebly에있는 웹 사이트에서 아래로 스크롤하면 네비게이션 메뉴가 표시되어 어디에서나 볼 수 있습니다. 내비게이션 메뉴가 내 콘텐츠를 방해하고 있기 때문에 페이지 상단에 탐색 메뉴를 보관할 수 있다면 좋을 것입니다.탐색 메뉴 유지 페이지 상단에 고정 (Weebly)

내가 여기에 코드를 붙여려고하지만 제대로 포맷하지, 그래서 나는 그것의 이미지를 게시합니다 : 나는 일치하는 HTML 그러나 나는 보지 않고 말할 수

/* Navigation 
--------------------------------------------------------------------------------*/ 
.nav { 
    padding: 0 0 0 20px !important; 
} 
.nav ul{ 
    list-style: none; 
    float:right; 
    overflow: hidden; 
} 
nav ul li { 
    list-style: none; 
    float:left; 
    margin-right:15px; 
    padding:8px 15px; 
    height:23px; 
} 
.nav ul li#active, 
.nav ul li:hover { 
    border:2px solid #fff; 
    border-radius:4px; 
    padding:6px 13px; 
} 
.nav ul li a { 
    float:left; 
    display: block; 
    color:#fff; 
    text-decoration:none; 
    text-transform:uppercase; 
    font-weight: 500; 
    border: 0; 
    outline: 0; 
    list-style-type: none; 
    font-size:14px; 
    line-height:23px; 
} 
#nav-wrap .container ul li#active a, 
#nav-wrap .container ul li a:hover { 
    color: #fff; 
    background: none !important; 
    border: 0; 
} 
.landing-page:before, 
.splash-page:before, 
.tall-header-page:before, 
.short-header-page:before { 
    content: ''; 
    width: 100%; 
    height: 130px; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background: transparent url(‘menu-bg.png‘) left top repeat; 
    z-index: 1; 
} 

답변

0

을 페이지 하단의 선택기에서 position: fixed을 제거하면 문제가 해결 될 것이라고 생각합니다.

각 줄 앞에 4 개의 공백을 추가하여 코드 서식을 지정할 수 있습니다.이 작업은 간단합니다. 메모장에서 모든 항목을 선택하고 탭을 누릅니다.