묻고답하기
메인메뉴를 중간으로 정렬시키려면
2014.11.16 21:39
어떻게 해야되나요ㅠㅠ?
/* 메인메뉴 영역 */
#gnb_wrp{z-index:20;min-height:33px;border-top:2px solid #444;border-bottom:1px solid #444;background:url(../img/gnb_wrp.png)\9;background:rgba(255,255,255,.8)}
#gnb{float:left;margin:0 10px;padding:0}
#gnb li{position:relative;list-style:none}
#gnb .li1{float:left}
#gnb .li1:before{content:"";display:block;position:absolute;top:11px;left:10;height:11px;border-left:1px solid #CCC}
#gnb .li1:first-child:before{border:0}
#gnb .a1{display:block;padding:10px 18px;text-align:center;font-weight:bold;font-size:13px;line-height:13px;text-decoration:none;color:#333;text-shadow:0 0 1px #EEE !important;-ms-transition:color .4s;-moz-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}
#gnb .a1:hover{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
#gnb ul{display:none;position:absolute;top:33px;left:0;z-index:20;margin:0;padding:5px 0;background:url(../img/gnb_wrp.png)\9;background:rgba(255,255,255,.9);border:1px solid #444}
#gnb .ul2 li{padding:0 5px}
#gnb .ul2 a{display:block;min-width:60px;padding:6px 24px 6px 12px;font-weight:bold;text-decoration:none;white-space:nowrap;color:#444;border-radius:3px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
#gnb .ul2 b{position:absolute;right:8px;*right:12px}
#gnb .ul2 a:hover,#gnb .ul2 a:focus{background:#999;background:rgba(0,0,0,.4);color:#FFF}
#gnb .ul2 .on .a2,#gnb .a3.on{color:#FFF;background:#444 !important}
#gnb .ul3{top:0;left:100%}
쓰고있는 레이아웃은 스케치북5 고요
위에 있는게 css 메인메뉴 영역 부분입니다ㅠㅠㅠ
알려주시면 정말 감사드리겠습니다!!!!ㅠㅠㅠ
댓글 2
-
DoorWeb
2014.11.17 10:23
-
돼지코구뇽
2014.11.17 16:06
#gnb_wrp{width:900px; margin:0 auto; z-index:20;min-height:33px;border-top:2px solid #444;border-bottom:1px solid #444;background:url(../img/gnb_wrp.png)\9;background:rgba(255,255,255,.8)}
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
나무속고양이 | contact us 메세지 보내기 하는 방법 | |
제이니스 | 코어 업데이트시 오류메시지 확인좀 해주세요~ | |
김수한무 | 오픈소스 가져오는 방법 질문입니다. [4] | 2015.07.15 by 김수한무 |
zzzkse**** | 제발 도와주세요ㅠㅡㅠ [1] | 2015.07.15 by 로이조52 |
KimJaeMinFD | 회원 약관 애드온 에러 문제 | |
에다 | 갑자기 익스플로러에서 다국어 전환이 안되네요.. [2] | 2015.07.15 by 에다 |
bedam | 혹시 왜그러는지 아세요?? [7] | 2015.07.15 by 감사하는마음이죠 |
멍멍군 | 채용 모듈 일부 한글 변경이 어렵습니다 [7] | 2015.07.15 by 불꽃남자cc4e1 |
댑펑 | VPS이용시 서버 부하를 측정하려면 어떻게 해야 할까요? [4] | 2015.07.15 by 기진곰 |
나나난나나난 | 로그인 오류.... | |
foryx | XE 왕초보가 질문 올립니다 ㅜ [1] | 2015.07.15 by BJ람보 |
-HaruHaru- | 확장변수 출력시 출력에 array가 뜨는 경우는 어떤 경우인가요? [1] | 2015.07.15 by 늘푸른나무2 |
홈페이지어려워요 | 팝업 애드온, 모듈 설치 했는데 이상합니다. | |
포월드 | 이런 평점 게시판 구현 가능할까요? [6] | 2015.07.15 by 포월드 |
Str@wberry_dev | 첨부파일 삭제시 포인트가 감소되는데 어디서 수정가능한가요? | |
Lovely00 | 게시판 글 일괄 지우기 어떻게 하나요? [1] | 2015.07.15 by Double'U' |
끼에엑 | 대댓글 접으려면 어떻게 해야 할까요? [2] | 2015.07.15 by BJ람보 |
제이니스 | 반응형 갤러리 게시판 없나요? [2] | 2015.07.15 by 휘즈 |
짱구삼촌 | XE 모바일 화면 상단에 로그인 버튼 나타내기 [1] | 2015.07.15 by 제로보드신세계잼 |
홈페이지어려워요 | 게시판 상담 메뉴 지우기 [12] | 2015.07.15 by 제로보드신세계잼 |
텍스트 중간배열은 아닌거 같고 메뉴 공간이 중간 배치를 하고 싶어하는거 같다는 가정하에...
중간 배열을 하기 위해서는 3가지 요건을 충족해야 합니다
display:block 계열이거나 속성값을 넣은 상태거나... 일반적으로 div와 ul은 display:block 입니다.
넓이값을 지정하셔야 합니다. width:900px; 이렇게
그 조건 하에서 margin:0 auto 를 넣으시면 중간 배열이 됩니다.