묻고답하기
레이아웃 수정 메뉴바 하단 간격 수정 ㅠㅠ
2018.06.12 15:48
초보에겐 너무나 어렵네요
메뉴 하단에 간격을 줄이고 싶은데 어디를 수정해야 할까요 부탁드립니다 (꾸벅)
/* 최상단 메뉴, 로그인정보 영역 */
#rootContainer { width: 100%; clear:both; border-bottom:1px solid #dfdfdf; padding:6px 0; background:#f5f5f5;}
#rootContainer .topBox {width: 960px; margin: auto; padding:0; height:16px; overflow:hidden;}
#rootContainer .topBox .btnHome {margin-top:-2px; padding:0; border:0;}
#rootContainer .topBox .topMenuBox {float:left; width:600px; display:inline; margin:0 0 0 -10px; padding:0;}
#rootContainer .topBox .topMenuBox li { list-style:none; display:inline; float:left; font:11px 돋움; padding-top:3px; }
#rootContainer .topBox .topMenuBox a:link,
#rootContainer .topBox .topMenuBox a:visited {color:#999; display:block;}
#rootContainer .topBox .topMenuBox a:hover { color:#e43c5a;}
#rootContainer .topBox .btnBlank {padding-left:14px; background:url(../image/btnBlank.gif) no-repeat 6px 0; }
#rootContainer .topBox .loginBox {float:right; width:300px; display:inline; margin:0; padding:0; }
#rootContainer .topBox .loginBox li { list-style:none; display:inline; float:right; font:11px 돋움;}
#rootContainer .topBox .btnRigntBlank {padding-left:11px; background:url(../image/btnBlank.gif) no-repeat 6px 0; list-style:none; display:inline; float:right;}
/* 상단 - 로고영역 */
#logoBox {width: 960px; margin: auto; padding:25px 0 23px 0; overflow:hidden; overflow:hidden; }
#logoBox .logo {float:left; width:280px; height:80px; margin:0; overflow:hidden; padding:0; display:inline; text-align:center;}
#logoBox .logoText{text-align:center; vertical-align:middle; width:100%; height:55px; margin-top:25px; overflow:hidden; padding:0; font-size:24px; font-weight:bold; line-height:28px;}
#logoBox .logoText a:link,
#logoBox .logoText a:visited { color:#e43c5a;}
#logoBox .logoLeft {width:307px; height:50px; float:left; display:inline; padding:30px 30px 0 3px; font:11px 돋움; color:#999; overflow:hidden;}
#logoBox .logoRight {width:307px; height:50px; float:right; display:inline; padding:30px 3px 0 0; font:11px 돋움; text-align:right; color:#999; overflow:hidden;}
/* 회원정보 팝업 */
.pop { display: inline; overflow: hidden;}
.pop .pop_menu { display: none; }
.pop .pop_toggle { background-image: url(../image/btnMypage.gif); background-repeat: no-repeat; width: 47px; height: 16px; overflow: hidden; cursor: pointer; }
.active .pop_menu { z-index: 2000; margin-left:-65px; text-align:left; display: block; background-color: #f5f5f5; position: absolute; width: 118px; overflow:hidden; }
.active .pop_toggle { top: 0; left: 0; background-image: url(../image/btnMypage.gif); }
.wrapPop{background:#fff; margin-top:4px; border:1px solid #dfdfdf; padding:10px 8px;}
.memberPop {overflow:hidden; padding:2px 0 3px 2px; font:11px 돋움;}
.memberPop strong { color: #e43c5a;}
.popShortcutBox{ border-top:1px solid #dfdfdf; margin-top:5px; padding-top:5px; width:100%; overflow:hidden;}
.popShortcut{font:11px 돋움; margin:2px; padding-top:5px; overflow:hidden; float:left; width:140px;}
.popShortcut span { color:#999;}
/* 상단 주메뉴 */
.menuLineBg { width: 100%; clear:both; background:url(../image/colorset/bgRedMenu.gif) repeat-x;}
#menuBox {width: 960px; margin: auto; padding:0; overflow:hidden;}
#menuBox .menuLeft {overflow:hidden; float:left; margin:0; padding:0; width: 810px; display:inline; }
#menuBox .menuFull {overflow:hidden; margin:0; padding:0; width: 100%;}
#menuBox .ixeMenu { margin: 0; padding: 0; height:40px; list-style: none; overflow:hidden;}
#menuBox .ixeMenu li{ float: left; list-style: none; display:inline; padding-top:12px; margin-right:5px; height:28px; overflow:hidden; text-align:center; width:120px; }
#menuBox .ixeMenu li a:link,
#menuBox .ixeMenu li a:visited{ height:28px; color:#fff; display:block; font-weight:bold; white-space: nowrap; }
#menuBox .ixeMenu li a:hover { background:url(../image/bgMenuHover.gif) bottom center no-repeat; text-decoration:none; }
#menuBox .ixeMenu .on{ background:url(../image/bgMenuHover.gif) bottom center no-repeat; text-decoration:none; }
#menuBox .ixeMenu .active{ background:url(../image/bgMenuHover.gif) bottom center no-repeat; text-decoration:none; }
#btnMenuHome {margin-left:-10px !important; width:45px !important;}
/* 상단 서브메뉴 */
#menuBox .ixeMenu li .subMenu { position:absolute; background-color: #fff; overflow:hidden; border:3px solid #c7334d; list-style:none; border-top:none !important; padding:18px 3px 6px 3px; z-index:9999; margin:0; .margin-left:-59px; font:11px 돋움;}
#menuBox .ixeMenu li .subMenu li {width:108px !important; list-style:none; margin:0; height:24px !important; padding:0; clear:left; text-align:center;}
*html #menuBox .ixeMenu li .subMenu li {width:auto !important; width:108px;}
#menuBox .ixeMenu li .subMenu a:link,
#menuBox .ixeMenu li .subMenu a:visited { color: #333 !important; font-weight:normal !important; }
#menuBox .ixeMenu li .subMenu a:hover { color: #e43c5a !important; text-decoration: underline !important;}
#menuBox .ixeMenu li .subMenu .on a:link,
#menuBox .ixeMenu li .subMenu .on a:visited {color: #e43c5a !important; text-decoration: none; }
#menuBox .ixeMenu li .subMenu .on a:hover { color: #e43c5a; text-decoration: underline !important;}
/* 검색 */
.searchBox {overflow:hidden; float:left; margin:0; padding-top:8px; width: 150px; overflow:hidden; display:inline; *margin-top:-1px; }
.searchForm {margin:0; padding:0; display:inline; list-style: none; width: 120px; float:right; overflow:hidden;}
.searchForm li { float:right; display:inline; list-style: none; }
.searchBtn {margin:0; padding:0; display:inline; list-style: none; width: 21px; height:25px; float:right; overflow:hidden; *margin-top:1px; background:#c7334d;}
.searchBtn li { float:right; display:inline; list-style: none; }
#searchBtn {display:inline;}
.searchForm .inputTypeText { letter-spacing:-1px; margin:0; padding:2px 5px 0px 5px; width:100px; height:19px; background:#fff; border:2px solid #c7334d; }
/* 좌측 메뉴 - 1차 */
.leftNavBox {width:160px; overflow:hidden; display:inline; float:left;}
.subMenuTitle {clear:both; margin:0; line-height:15px; height:15px; padding:5px 7px 6px 1px; overflow:hidden;}
.subMenuTitle a:link,
.subMenuTitle a:visited { display:block; white-space:nowrap; color:#e43c5a;}
/* 좌측 메뉴 - 2,3차 */
.subMenuBox { width:100%; list-style:none; margin:0; padding:0; border-bottom:1px solid #dfdfdf; }
.subMenuBox li {overflow:hidden; clear:left; list-style:none; margin:0; padding:0; border-top:1px solid #dfdfdf;}
.subMenuBox li a:link,
.subMenuBox li a:visited { display:block; white-space:nowrap; line-height:15px; height:15px; padding:7px 10px 6px 7px; background:#f3f3f3 url(../image/iconArrow.gif) 150px 11px no-repeat; }
.subMenuBox li a:hover { color:#fff; background:#e43c5a url(../image/iconArrow.gif) 150px 11px no-repeat; }
.subMenuBox li ul { list-style:none; margin:0; padding:0;}
.subMenuBox li ul li { list-style:none; margin:0; padding:0;}
.subMenuBox li ul li a:link,
.subMenuBox li ul li a:visited { color:#777; padding-left:10px !important; background:#fff url(../image/iconArrow.gif) 150px 11px no-repeat !important;}
.subMenuBox li ul li a:hover { color:#fff; background:#e43c5a url(../image/iconArrow.gif) 150px 11px no-repeat !important; }
.subMenuBox .on a:link,
.subMenuBox .on a:visited { color:#fff; background:#e43c5a url(../image/iconArrow.gif) 150px 11px no-repeat !important; }
.subMenuBox .on2 a:link,
.subMenuBox .on2 a:visited { color:#e43c5a; background:#fff url(../image/colorset/bgRedArrow.gif) 150px 11px no-repeat !important; }
.subMenuBox .on2 a:hover { color:#fff; background:#e43c5a url(../image/iconArrow.gif) 150px 11px no-repeat !important; }
/* 컨텐츠 영역 */
.iXEbody { clear:both; width:100%;}
.iXEcontentBox { clear:both; width: 960px; margin: 0 auto; padding:40px 0 25px 0; overflow:hidden;}
.iXEcontentBody { float:right; width: 765px; margin:0; padding:0; }
.iXEvisualBox { clear:both; width:100%; min-height:500px; *zoom:1;}
*html .iXEvisualBox{height:auto; !important; height:500px;}
.iXEbtnTop { width:40px; float:right; height:16px; overflow:hidden; margin:0; padding:0;}
.iXElocation { width:100%; padding:6px 0 6px 0; height:13px; line-height:15px; border-bottom:1px solid #dfdfdf; overflow:hidden;}
.iXElocation ul { margin:0; padding:0; list-style:none; float:right; text-align:right;}
.iXElocation ul li { background:url(../image/bgArrow.gif) 2px 3px no-repeat; float:left; padding-left:10px; padding-right:2px; font:11px 돋움;}
.iXElocation .locationBlank { background:none !important;}
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2020/01/31] 묻고답하기 2단메뉴 *2
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 *2
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1