묻고답하기
메뉴 사이 간격을 넓히고 싶은데, 어디 부분을 조절해야 하는지요?
2008.09.29 15:08
메인 메뉴 사이 간격을 넓히고 싶은데
CSS파일안에 조절할 수 있는 부분이 있나요?
도움 부탁 드립니다.
-_-;
CSS파일안에 조절할 수 있는 부분이 있나요?
도움 부탁 드립니다.
-_-;
댓글 4
-
Xeicus
2008.09.29 16:02
-
리봄
2008.09.29 16:08
#gnb { position:absolute; top:106px; left:100px; height:46px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/white/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:black; float:left; padding:13px 15px 0 15px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000000;}
#gnb li.on a { font-weight:bold; color:#3f3f3f; no-repeat center top;}
레이아웃안에 있는 CSS파일의 저부분인듯? 한데 저 소스에서 어디 부분이 메뉴 사이 간격이 되는건가요??? -
山水菊
2008.09.29 16:14
#gnb li a { display:black; float:left; padding:13px 15px 0 15px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; } 적색부분입니다. -
리봄
2008.09.29 16:26
감사합니다~ 山水菊 님, Design Xeicus님~ ^_^ 성공했습니다.
해당 코드 부분이 어떻게 이루어져 있는지 알 수 없어서 정확한 답변은 드릴 수 없습니다.
해당 코드 부분 css 파일에 width 부분의 넓이는 넓혀 주셔도 됩니다.
또는 margin 을 이용하여 여백을 주셔도 되구요.
padding 을 사용하여 해당 메뉴 부분의 넓이를 넓혀 간격을 넓히는 효과를 보실수도 있습니다.