이 css소스에 구분선을 어디에다가 넣어야 하나요? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

이 css소스에 구분선을 어디에다가 넣어야 하나요? 정보

이 css소스에 구분선을 어디에다가 넣어야 하나요?

본문


/* General */

#cssdropdown { width: 100%; height:45px; background-image: url(../images/bg.gif); }
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink { float: left; margin-left: -1px;  background-color: #e9e9e9;  }
#cssdropdown li.headlink a { display: block; padding: 15px 15px 15px 15px; text-align: center;}
#cssdropdown li .parent { font-weight:bold; color:#ccffff; } 
#cssdropdown li .parent2 { font-weight:bold; color:#ffc1c1; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px 5px 5px 10px; height: 17px; text-align: left; width: 120px; }
#cssdropdown li.headlink ul li a:hover { background-color: #339900; } 

/* Pretty styling home글자*/
#cssdropdown a { font-weight:bold; color: #ffdd53; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink {position:relative; background-color: white; background-image: url(../images/bg.gif); }
#cssdropdown li.headlink ul {position:absolute; background-image: url(../images/bg.gif); background-position: bottom; padding-bottom: 10px; }



그누보드의 탑메뉴속의 구분선을 구현하고싶습니다.
위의 소스메뉴를 어떻게 수정해야 하나요?  백그라운드 이미지로 구분선을 넣고싶습니다.
  • 복사

댓글 전체

html 쪽 태크를 보지 않고서 css만 보고 답변드리기가 좀 애매하네요.
저런 경우에는 대부분 li 에 백그라운드 지정을 합니다.

사용하려고 하는 메뉴가 드롭다운이 되는 거라면
1depth 쪽 li에 백그라운드를 지정하세요.
© SIRSOFT
현재 페이지 제일 처음으로