묻고답하기
메인메뉴 가운데 정렬 문으 드립니다.
2015.07.10 11:25
드림위버로 그림만 그리다 회사에서 어떻게 하다가 홈피를 만들게 되어버려서.............
XE 를 찾았네요~~~
선배님들 많이 좀 도와 주십시오~~~ㅠㅠ
하기 메인메뉴 CSS 입니다.
가운데 정렬을 하려면 뭘 수정해야 할까요?
스케치북 사용하고 있는데 좌측정렬 밖에 안되네요~~ㅠㅠ
XE 생 초보 입니다.
부탁드리겠습니다.
-꾸벅-
#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:0;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%}
- [2021/07/20] 묻고답하기 사이트맵에서 클릭시 새창열기로 가능한가요? *2
- [2019/09/15] 묻고답하기 XEDITION LNB 관련하여 몇가지 질문드립니다. *2
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
- [2018/12/31] 묻고답하기 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 *6
- [2018/06/15] 묻고답하기 가변형 반응형 홈페이지 수정 문의 드립니다
css로는 html 구조까지 파악이 힘드니까 간단하게 설명 드릴게요
먼저 메뉴쪽 ul 부분은{display:inline-block;*display:inline} 처리하시고
ul을 감싸는 부분에 {text-align:center] 넣으시면 얼쭉 중간배열 될겁니다.