상단메뉴 한줄로 출력하고 싶네요 정보
상단메뉴 한줄로 출력하고 싶네요
본문
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=146310&page=12
위에 스킨을 사용하는데, 혹시 이 스킨을 사용하거나, 상단 메뉴에 대해서 아시는분 계실거 같아서 문의 드립니다.
들보다운 메뉴 글자수가 5자넘아가니까 두줄로 출력이 되는데, 한줄로 출력하고 싶은데, 변경하기 힘드네요 ;;
CSS 소스부분
/* gnb */
#gnb {margin:0 auto; text-align:left;}
#gnb ul{list-style:none; margin:0px; padding:0px;}
#gnb ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;}
#gnb ul li a{height:48px; line-height:48px; display:inline-block; padding:0px 20px;}
#gnb ul li .gnb1{font-weight:bold;}
#gnb ul li:hover .gnb1{background:#242424;}
#gnb ul li ul{position:absolute; left:0px; top:48px;background:#333333; z-index:100;}
#gnb ul li ul li{border-bottom:1px solid #1c1c1c; float:none;}
#gnb ul li .sm{display:none;}
#gnb ul li a:link,
#gnb ul li a:visited{color:#999999;}
#gnb ul li a:hover{background:#242424; color:#ffffff; text-decoration:none;}
위에 스킨을 사용하는데, 혹시 이 스킨을 사용하거나, 상단 메뉴에 대해서 아시는분 계실거 같아서 문의 드립니다.
들보다운 메뉴 글자수가 5자넘아가니까 두줄로 출력이 되는데, 한줄로 출력하고 싶은데, 변경하기 힘드네요 ;;
CSS 소스부분
/* gnb */
#gnb {margin:0 auto; text-align:left;}
#gnb ul{list-style:none; margin:0px; padding:0px;}
#gnb ul li{position:relative;list-style:none; margin:0px; padding:0px; float:left; z-index:99;}
#gnb ul li a{height:48px; line-height:48px; display:inline-block; padding:0px 20px;}
#gnb ul li .gnb1{font-weight:bold;}
#gnb ul li:hover .gnb1{background:#242424;}
#gnb ul li ul{position:absolute; left:0px; top:48px;background:#333333; z-index:100;}
#gnb ul li ul li{border-bottom:1px solid #1c1c1c; float:none;}
#gnb ul li .sm{display:none;}
#gnb ul li a:link,
#gnb ul li a:visited{color:#999999;}
#gnb ul li a:hover{background:#242424; color:#ffffff; text-decoration:none;}
댓글 전체

위 css는 문제 없어보이네요.
메뉴 css가 아니라 메뉴 전체라인 css를 봐보세요.
width:00px; 로 아마 묶어놓았을겁니다.
메뉴 css가 아니라 메뉴 전체라인 css를 봐보세요.
width:00px; 로 아마 묶어놓았을겁니다.

감사합니다.
아직도 몇가지 변경해 보아도 안되네요 ;;
말하신 부분 찾아 보았는데, 혹시 이부분인거 맞나요?
body{width:100%; height:100%;}
.homewrap{width:100%; min-width:940px; text-align:center; background:#d2d1d0 URL(img/topbg.gif) repeat-x;;}
img{border:0px;}
맞다면 어떤것을 조절해 볼만 할까요?
아직도 몇가지 변경해 보아도 안되네요 ;;
말하신 부분 찾아 보았는데, 혹시 이부분인거 맞나요?
body{width:100%; height:100%;}
.homewrap{width:100%; min-width:940px; text-align:center; background:#d2d1d0 URL(img/topbg.gif) repeat-x;;}
img{border:0px;}
맞다면 어떤것을 조절해 볼만 할까요?

두줄로 나온다는 url 좀 알려주세요.

http://doli4.dothome.co.kr/gnuboard4/
상단에 우측에 여행정보 > 공항이용정보 보면은 두졸로 나오네요 ;;
상단에 우측에 여행정보 > 공항이용정보 보면은 두졸로 나오네요 ;;

현제 상태에선 별다른 문제는 보이지 않는데요..
css상에서
#gnb ul li ul{position:absolute; left:0px; top:48px; min-width:100px; background:#333333; z-index:100;}
min-width:100px; 이 부분을 추가하시고...넓이에 따라 크기를 맞게 바꾸어 사용하세요..
width:100px; -> 고정
min-width:100px; -> 100px 이하금지
css상에서
#gnb ul li ul{position:absolute; left:0px; top:48px; min-width:100px; background:#333333; z-index:100;}
min-width:100px; 이 부분을 추가하시고...넓이에 따라 크기를 맞게 바꾸어 사용하세요..
width:100px; -> 고정
min-width:100px; -> 100px 이하금지

감사합니다.
우선 130으로 해서 맞추니 되기는 하네요..
근데 짧은글과 긴글 차이가 있어서 좀더 생각을 해봐야 겠네요..
따로 따로 적용하도록 하던가 해야 겠네요.
우선 130으로 해서 맞추니 되기는 하네요..
근데 짧은글과 긴글 차이가 있어서 좀더 생각을 해봐야 겠네요..
따로 따로 적용하도록 하던가 해야 겠네요.