묻고답하기
제발 도와주세요ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
2015.04.27 13:59
메뉴를 한줄로 표시하고 싶은데 좌측에 있던 메뉴를 가운데부분에 정렬하고나니 두줄로 표시가 됩니다.
html파일하고 css파일 첨부합니다ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 몇시간째 이 문제가 해결이 안되네요ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 어드부분을 어떻게 수정해야 할까요?
그리고 게시판을 만들때 1 하위 메뉴가 2,3 이라면 1을 선택했을때 2,3의 게시글이 전부 보이게 하려면 어떻게 설정해야 하나요? 현재는 1에 하위메뉴로 2,3을 설정해 주었음에도 1을 선택하면 1에 관한 게시글만 보입니다. 고수님들 도움부탁드려요
/* 메인메뉴 영역 */
#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 30%;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 text-align:center;}
#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:10;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:}
<!--// 메인 메뉴 영역 -->
<div id="gnb_wrp" class="clear" style="width:100%">
<!-- GNB -->
<ul id="gnb" class="ui_font">
{@$_idx = 0}
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']" class="li1<!--@if($_idx > 3)--> m_li1_tg<!--@end-->">
<a class="a1 {$_colorset_list[$_idx]}<!--@if($val1['selected'])--> on<!--@end-->" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'"><center>  {$val1['link']}</center></a>
<block cond="$val1['list']">
<button type="button" class="tg_ul2 m_yes_inline"><strong>−</strong><span>+</span></button>
<ul class="ul2">
<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']" class="li2<!--@if($val2['selected'])--> on<!--@end-->">
<a class="a2" href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'"><center>  {$val2['link']}</center><b cond="$val2['list']">+</b></a>
<ul cond="$val2['list']" class="ul3">
<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']"><a class="a3<!--@if($val3['selected'])--> on<!--@end-->" href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'"><center>  {$val3['link']}</center></a></li>
</ul>
</li>
</ul>
</block>
</li>
</ul>
<div style="width:1px">
</div>
</div>
</div>
- [2018/12/31] 묻고답하기 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 *6
- [2017/02/02] 묻고답하기 2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요? *1
- [2017/02/02] 묻고답하기 hover 했을시 다른 class 동작 하는 css *3
- [2016/12/21] 묻고답하기 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 *1
- [2016/07/15] 묻고답하기 2차 메뉴를 가로로 나타나게 하려고 합니다. *2
댓글 6
-
몽실아빠
2015.04.27 14:08
-
동그라
2015.04.27 14:20
20%로 줄이는건 해봤는데 그럼 메뉴가 가운데 정렬이 아닌 좌측으로 쏠려서 정렬이 되요ㅠㅠㅠㅠㅠ 수치를 바꿀만한건 다 바꿔 봤는데 메뉴가 우측으로 일정부분이상 넘어가면 여백이 많은에도 그냥 두줄로 표시가 되네요ㅠㅠㅠㅠㅠ 레이아웃이 잘못 나뉘어져있는건가 싶은데 어디인지 도통 찾을수가 없네요ㅠㅠㅠㅠㅠ
-
몽실아빠
2015.04.27 14:25
전 가운데로 잘 보이고 있습니다. 크롬/IE11
-
동그라
2015.04.27 14:28
네~ 답변 감사합니다
-
ehii
2015.04.27 14:10
-
동그라
2015.04.27 14:29
답변 감사합니다
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
Azpi | 2차 메뉴가 있을 때만 특정 div를 출력하게 하려면 어떻게 해야하나요 [2] | 2015.04.27 by Azpi |
도로테비 | 도움 주실분ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ | |
apleshade | 커뮤니티를 만들려고 하는데 기초가 없습니다. [2] | 2015.04.27 by daehyeok |
열목어 | 데이터이전시 xml파일 업로드 문제 문의드립니다. [2] | 2015.04.27 by 열목어 |
zartin |
이런 게시물 못막나요?
[4]
![]() | 2015.04.27 by ChrisPark |
ChrisPark |
마켓플레이스 언어를 바꾸고 싶어요
![]() | |
마음씨 | 아주 옛날 제로보드 사용 중에 DB 관련 [4] | 2015.04.27 by Double'U' |
동그라 | 카테고리 글 전부 보기. [4] | 2015.04.27 by 동그라 |
신다솔 | 캡차 엑박 뜨는 문제 해결방법 [2] | 2015.04.27 by paraduxx |
GREATGUY |
jw player 질문드립니다.(수정)
![]() | |
궁e | 게시판 사용자정의 변수에 링크 거는법 좀 알려주세요 ㅠ [4] | 2015.04.27 by 궁e |
동그라 |
제발 도와주세요ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
[6]
![]() | 2015.04.27 by 동그라 |
아형여옹 | 위성 지도 표시 방법 어떠게 하나요? | |
간팸마 |
좀 도와주세요 ㅠㅠㅠ
[2]
![]() | 2015.04.27 by 몽실아빠 |
멀라나더 | XEDITION에서 슬라이더 css관련하여.. [2] | 2015.04.27 by 멀라나더 |
KaelXP |
socialxe 서버에 api요청이 실패했습니다.
[1]
![]() | 2015.04.27 by KaelXP |
진윤현파 |
스케치북5 게시판 스타일 수정(게시글 바탕 박스처리) 문의드립니다~
![]() | |
yong9551 | html 시현 비정상 [12] | 2015.04.27 by ehii |
ㅎㅕㄴㅣㄴㅔ | 중고장터모듈에서...회원연락처입력란이 안보이는데요??? | |
ㅎㅕㄴㅣㄴㅔ | 중고장터 모듈을 사용하고 있습니다.. |
#gnb {float: none;margin: 0 30%;padding:0}
->
#gnb {float: none;margin: 0 20%;padding:0}