레

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

· 2013-04-30 (화) 16:21:16 · 847 · 3
스크린샷 2013-04-30 오후 2.36.05.png
첨부된 사진과 같이 메뉴를 한번 짜보려고 헤매고 있습니다.

#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 으로 정의를 주려고 하는데...
생각처럼 잘 않되네요...

한번 조언 좀 부탁드려요.
|

댓글 3개

#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>
border-left:1px solid #fff;를 사용하여 흰색으로 한줄 긋기는 테스트 확인해보았습니다. 감사합니다. 혹시 이미지로 처리는 않될까요...?
span에 가로 패딩값을 넣어야 하지 않을까요?
li:padding:10px 0
span:padding:0 10px;background:url('<?=$g4[path]?>/div.png') no-repeat right 0
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

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

+
제목 글쓴이 날짜 조회
13-04-30 조회 895
13-04-30 조회 1,090
13-04-30 조회 2,303
13-04-30 조회 789
13-04-30 조회 975
13-04-30 조회 1,616
13-04-30 조회 921
13-04-30 조회 1,657
13-04-30 조회 952
13-04-30 조회 866
13-04-30 조회 1,066
13-04-30 조회 906
13-04-30 조회 857
13-04-30 조회 3,142
13-04-30 조회 1,137
13-04-30 조회 1,718
13-04-30 조회 871
13-04-30 조회 848
13-04-30 조회 2,301
13-04-30 조회 728