묻고답하기

  2. Support
  3. 묻고답하기

gnb 2차 메뉴 가로 배열 구조 마무리 문의드립니다.

2013.04.08 11:39

XE플스

레이아웃

 

<div class="gnb">
                <ul>
                  <li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
                    <ul cond="$val1['list']">
                      <li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
                    </ul>
                  </li>
                </ul>
              </div>

 

 

 

................................................................................................................................................................

 

CSS

 

.gnb{position:absolute;top:0;left:5px;height:0;white-space:nowrap;margin-bottom:0}
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb ul ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb li{float:left;list-style:none;background:url(../images/default/bgGnbVr.gif) no-repeat left center;padding-left:2px;position:relative; white-space:nowrap}
.gnb li.first{padding:0;background:none}
.gnb li li{float:left;list-style:none;margin-top:40px;padding:0;position:absolute;}
.gnb li a{float:left;padding:13px 19px 6px 19px;height:25px; font-weight:bold;color:#fff;white-space:nowrap;text-decoration:none}
.gnb li a:hover{font-weight:bold;color:#dcffb7}
.gnb li a:active,
.gnb li a:focus{font-weight:bold;color:#dcffb7}
.gnb li.active a{font-weight:bold;color:#fff000;}
.gnb li li a{float:none;left:1px;display:inline;padding:5px 15px 5px 15px;list-style:none;border:0;border-right:1px solid #d0d0d0;font-weight:bold;color:#555;text-decoration:none;}
.gnb li li.active a{font-weight:bold !important}

 

 

위 css 빨간색 부분이 2차 메뉴 간의 간격을 조절하는 소스가 아닌가요?

저 값으로 적용이 안되고, 2차 모든 메뉴가 왼쪽 앞쪽에 겹쳐 있는 상태입니다.

어떻게 하면 2차 메뉴가 가로로 일정한 간격으로 배열이 될까요?

몇일째 헤매고 있는데 아시는분 부탁드립니다...

 

 

이 게시물을
?>

^^...

좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
jean 레이아웃 직접 수정하는 방법? 1.7 [1] 2013.04.09 by 투씨
네모스 위젯 gallery_frame에서 썸네일 이미지를 첨부이미지2로 변경 관련  
본체 게시판에 글쓰기하면 오류메시지가 나옵니다. file  
웹개밥 자동삭제 애드온이 작동이 안됩니다.  
sfunicon Please enter a value for user_layout_image['name'] 의미?  
smurpooh XE 기본 방명록에서 관리권한으로 삭제하기  
poemcradle XE 1.7.3이후 플래너XE123 에러... [1] file 2013.04.08 by 늘푸른나무2
qkrgysu 월간일정표에 관해서 [1] file 2013.04.08 by 늘푸른나무2
XE플스 gnb 2차 메뉴 가로 배열 구조 마무리 문의드립니다. [1] 2013.04.08 by Sulli
ramia1 CSS이미지 삽입 테두리 질문드립니다. file  
numi 1.4.5.10 카운터가 작동하지않습니다ㅜㅜ  
나뚜루녹차 위젯을 수정하고싶습니다  
gh1980 드림위버와 같이 사용 [2] 2013.04.08 by 송동우
늘같이 레이아웃 css가 저장이 안 되네요 ㅜㅜ [1] 2013.04.08 by 강하레
시카고 로그인 유지가 PC와 모바일에서 동시에 가능하면 좋겠습니다 [1] 2013.04.08 by 강하레
pentopen 댓글창 권한조정으로 없앨수 있나요? [1] 2013.04.08 by 송동우
머들린 닉네임 초기화 및 포인트 현황 관련 질문  
글쎄나는 [레이아웃 사용안함]시 css설정은 어디에서? [2] 2013.04.08 by 윈컴이
Orchestra 제로보드 xe 사이트 이전시  
코나코 ♥ I LOVE SONG ♥송동우님 도와주십시요♥제답변만 쏙 빼시고 ㅜㅜ 좀와주세요 제발요 ㅜㅜ [1] 2013.04.08
꿈틀잉 익명게시판 질문드립니다. [1] 2013.04.08 by 송동우
더뿌 1.7.2.0 SSL 사용안함 적용 시 회원가입 error? [2] 2013.04.08 by 더뿌
상상의정원 문서생성, 그림으로 페이지 만들때 그림 클릭 안되게 하는 방법  
IZUZero 댓글 발행대기 상태? [1] 2013.04.08 by 더뿌
감귤쥬스 레벨  
상상의정원 회원가입시 'waiting_obj' 에러로 가입자체가 안됩니다. file  
뚜루루뚜루루 레이아웃 스킨, 모듈스킨 업데이트가 안됩니다.. [1] 2013.04.08 by KANTSOFT
gh1980 1.7.3.0버전 게시판 생성이 안됩니다. 이유가 뭘까요? [1] file 2013.04.08 by 송동우
XE만세 accesskey 설정이 브라우저에 따라 안되기도 하는지요?  
XE만세 본문에 첨부된 이미지를 클릭하였을 때 원본 링크로 이동하게 하고싶습니다.  
태그 쓰기