• 그누보드란?
• 라이센스
• 매뉴얼
• FAQ
• 다운로드
• 질문답변
• 옛질문답변
• 팁자료실
• 스킨
• 빌더
• 플러그인
• 사용후기
• 그누사전
• 변환프로그램
• DTD Proj
• DTD 스킨

• 그누보드란?
• 라이센스
• 매뉴얼
• FAQ
• 다운로드
• 질문답변
• 옛질문답변
• 팁자료실
• 스킨
• 빌더
• 플러그인
• 사용후기
• 그누사전
• 변환프로그램
• DTD Proj
• DTD 스킨

그누4 질문답변

CSS로 어떻게 설정을 해줘야 할지...몰라서 질문을 올려봅니다. 정보

CSS로 어떻게 설정을 해줘야 할지...몰라서 질문을 올려봅니다.

• 관스틴 자기소개 아이디로 검색 회원게시물
• 2013.04.30 16:21:16
• 674

댓글 3

본문

첨부된 사진과 같이 메뉴를 한번 짜보려고 헤매고 있습니다.

#menu {border:1px solid #3a4152; border-bottom:1px solid #1b1f29; background:#434a5f;height:36px;}
#menu li {list-style:none;float:left;padding:10px;}
#menu li {font:normal 11px tahoma; color:#BABABA; text-align:center;}
#menu li.first {padding-left:15px;}
#menu li span {display:block; background:url('<?=$g4[path]?>/div.png') no-repeat right 50%}

----------------------------------------------------------------------------------------------

메뉴 옆에 | 이걸

#menu li span 으로 정의를 주려고 하는데...
생각처럼 잘 않되네요...

한번 조언 좀 부탁드려요.

• 복사
• SNS 공유

  공유하기

댓글 전체

슈와이 자기소개 아이디로 검색 회원게시물 13.04.30 16:41:19

#menu li span { border-left: 1px solid #fff;}
#menu li.first span { border: none}

<ul id="menu"><li class="first"><span>메뉴1</span></li><li><span>메뉴2</span></li><li><span>메뉴3</span></li></ul>

#menu li span { border-left: 1px solid #fff;} #menu li.first span { border: none} <ul id="menu"><li class="first"><span>메뉴1</span></li><li><span>메뉴2</span></li><li><span>메뉴3</span></li></ul>

관스틴 자기소개 아이디로 검색 회원게시물 13.04.30 16:51:45

border-left:1px solid #fff;를 사용하여 흰색으로 한줄 긋기는 테스트 확인해보았습니다. 감사합니다. 혹시 이미지로 처리는 않될까요...?

border-left:1px solid #fff;를 사용하여 흰색으로 한줄 긋기는 테스트 확인해보았습니다. 감사합니다. 혹시 이미지로 처리는 않될까요...?

새벽비 자기소개 아이디로 검색 회원게시물 13.04.30 22:25:55

span에 가로 패딩값을 넣어야 하지 않을까요?
li:padding:10px 0
span:padding:0 10px;background:url('<?=$g4[path]?>/div.png') no-repeat right 0

span에 가로 패딩값을 넣어야 하지 않을까요? li:padding:10px 0 span:padding:0 10px;background:url('<?=$g4[path]?>/div.png') no-repeat right 0