상단메뉴 한줄로 출력하고 싶네요
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;}
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 6개
메뉴 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;}
맞다면 어떤것을 조절해 볼만 할까요?
상단에 우측에 여행정보 > 공항이용정보 보면은 두졸로 나오네요 ;;
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으로 해서 맞추니 되기는 하네요..
근데 짧은글과 긴글 차이가 있어서 좀더 생각을 해봐야 겠네요..
따로 따로 적용하도록 하던가 해야 겠네요.