묻고답하기

해당 URL:  http://www.dropnote.co.kr/zbxe/?mid=layout_test

질문 내용: 


1. Language Select Widget이 작동하지 않습니다. 스타일시트의 position 과 관련해서 소스가 좀 꼬인 것 같은데 원인을 모르겠습니다 도와주세요 ㅠㅠ;


~layout.html 소스~


<!--%import("css/style.css")-->

<!--%import("images/jquery.droppy.js")-->

<!--%import("images/search.js")-->


<!--상단메뉴-->


<div class="center_wrapper">

<div id="top_menu">


<!--@if($is_logged)-->

<table><tr><td>

<a href="{getUrl('act','dispMemberLogout')}">로그아웃</a> |</td><td> <a href="">사이트소개</a> |</td><td> <a href="">Foreigner</a> |</td><td> <div><img class="zbxe_widget_output" widget="language_select" skin="default" colorset="white" /></div></td>

</tr></table>


<!--@else-->

<table><tr><td>

<a href="{getUrl('act','dispMemberLoginForm')}">로그인</a> |</td><td> <a href="{getUrl('act','dispSocialxeLoginForm')}">Social Login</a> |</td><td> <a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a> |</td><td> <a href="">사이트소개</a> |</td><td> <a href="">Foreigner</a> |</td><td><img class="zbxe_widget_output" widget="language_select" skin="default" colorset="white" /></td>

</tr></table>

<!--@end-->


</div>

</div>


<!-- 로고 -->

<div class="center_wrapper">

<div id="logo">

<a href="../zbxe/main">

<img src="images/logo.png" alt="logo" />

</a>

</div>

</div>


<!-- Droppy Navigation -->

<div id="globalNavi">

  <ul id="nav">

        <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>


<!-- Login 부분 -->


<div class="center_wrapper">

<!--@if($is_logged)-->

<div id="after">

<img src="{$logged_info->profile_image->src}" id="profile" alt="profile" />

<a href="{getUrl('act','dispMemberLogout')}"><img src="images/after_logout.png" alt="logout" id="btn_logout" /></a>

</div>

<!--@else-->

<div id="login">

<img src="images/before_profile.png" alt="profile" /><br />

<a href="{getUrl('act','dispMemberLoginForm')}"><img src="images/before_login.png" alt="login" /></a>

</div>

<!--@end-->

</div>

<!-- Login 부분 끝 -->




<!-- Content -->


<div id="content">

{$content}

<center><img src="images/copyright.png" alt="copyright(c)dropnote all rights reserved." /></center>

</div>


<!--Login 메뉴-->

<div class="center_wrapper">



<div id="login_menu">

<!--@if($is_logged)-->

<a href="{getUrl('act','dispMemberInfo')}"><img src="images/after_info.png" alt="info" /></a>

<a href="{getUrl('act','dispCommunicationMessages')}"><img src="images/after_memo.png" alt="memo" /></a>

<a href="{getUrl('act','dispMemberOwnDocument')}"><img src="images/after_write.png" alt="texts I wrote" /></a>

<!--@end-->


<a href="javascript:toggleDisplay('div1');"><img src="images/search.png" alt="search" /></a>

</div>


<div id="div1">

<form action="{getUrl()}" method="get"><input type="hidden" name="vid" value="{$vid}" /><input type="hidden" name="mid" value="{$mid}" /><input type="hidden" name="act" value="IS" /><input id="searchinput" type="text" name="is_keyword"  value="{$is_keyword}" /><span><input id="btnsubmit" type="image" src="images/search_button.png" value="{$lang->cmd_search}" /></span></form>

</div>

</div>

<!--Login 메뉴 끝-->



<!-- 공지사항-->

<div class="center_wrapper">

<div id="notice">

<table>

<tr>

<td id="nicon">

<img src="images/notice_icon.png" alt="notice_icon" />

</td>

<td id="ncontent">

<img class="zbxe_widget_output" widget="content" skin="default" colorset="black" content_type="document"

 module_srls="288" list_type="normal" tab_type="none" markup_type="table" list_count="1" page_count="1" subject_cut_size="40"

 option_view="title" show_browser_title="Y" show_comment_count="N" show_trackback_count="N" show_category="Y" show_icon="N" order_target="list_order" order_type="desc" thumbnail_type="crop" />

</td>

</tr>

</table>

</div>

</div>

<!-- 공지사항 -->



~css/style.css 소스 ~

/* Body */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #fafafa; }
body a{text-decoration:none; color:black; font: 돋움;}
body a:hover{text-decoration:underline;}
body a:visited{color:black;}

/* DIV 가운데 정렬용 wrapper */
.center_wrapper{position:absolute; top:0px; left:50%; z-index:3; width:0px; height:0px;}

/* 로고, 상단메뉴 */
#logo { position:relative; top:3px; left:-410px; z-index:300; width:251px; height:151px;}
#top_menu{ position:relative; top: 3px; left:115px; width:506px;}

/* 로그인 전 프로필 */
#login {position:relative; top:44px; text-align:left; width:93px; height:102px;}
*+ #login {left: 132px;}
* #login {left: 132px;}
:root #login {left: 145px;}

/* 로그인 후 프로필 */
#profile{position:relative; left:7px; top:6px; margin: 0px; padding: 0px;}
*+ #after {left: 132px;}
* #after {left: 132px;}
:root #after {left: 145px;}
#after {position:relative; top:44px; text-align:left; width:93px; height:102px; background:url('../layouts/layout/images/after_profile.png'); background-repeat: no-repeat;}
#btn_logout {position:relative; top:10px;}


/* 공지사항 */
#notice {position:relative;left:-230px;top:121px;width:250px;height:20px;}
#nicon {width:29px; height:17px;}
#ncontent {vertical-align:middle;}


/* 로그인 메뉴, 검색 */
#login_menu {position:relative;left:43px;top:125px;width:90px;height:15px;text-align:right;}
#login_menu img{margin-left:3px;}
#div1 {vertical-align:center;display:none; position:relative;left:-5px;top:125px; width:160px; height:34px; padding-left:9px; background:url('../layouts/layout/images/searchbar_bg.png'); background-repeat: no-repeat;} 
#btnsubmit {margin-top:0px; position:relative; top:7px;}
#searchinput {margin:0px; border:0px; width: 110px; height:13px;}

/* droppy 메뉴 */
#globalNavi { position:absolute; top:62px; width:100%; background:url('http://www.dropnote.co.kr/zbxe/layouts/layout/images/nav_bg.png'); height: 57px; padding-top: 3px; text-align: center; font-size:0; z-index:1;}
#nav { width: 240px; margin: 0 auto; position: relative; line-height:1px; text-align: left; z-index:2;}
#nav li { list-style: none; float: left; position: relative; margin:0 0 0 0; padding:0;}
#nav li img { margin:0; padding:0;}
#nav ul { display: none; position: absolute; top: 54px; left: 0; }
* html #nav ul { line-height: 0; }
#nav ul li { float: none; }
#nav ul { width: 120px; }
#nav ul ul { top: 0; left: 121px; }
#nav ul a { 
    display: block;
    width: 108px;
    background:#121212;
    padding: 6px;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    opacity: 0.7;
    filter: alpha(opacity=70);
    zoom: 1;
    line-height: 1;
}
#nav ul a.hover { background: #444; }
/* 추가 */
#nav a { padding:5.5px;}

/* Content div */
#content {position:absolute; top:154px; left:50%; margin-left: -485px; width:970px;}


-----------------------------------------------------------------------
P.S. position_absolute.png
widget.css에서 position:absolute; 부분을 지우니 작동은 합니다만 ㅠㅠ; position이 지정안되니
상단 메뉴 부분이 모두 밀려버리게 되네요 ㅠㅠ;  분명 이 부분에서 꼬인 것 같긴 한데 아무리 해도 해결책이 나오질 않습니다 ㅠㅠ


2. jQuery 메뉴인 Droppy를 적용했는데 작동하지 않습니다 ㅠㅠ; 
위 사이트에 나오는 내용을 참고하여 jquery 파일을 import하고, 요구하는 스크립트도 헤더에 삽입하고 ul과 li로 형식에 맞게 작성했음에도 메뉴가 작동하질 않네요.. 혹시 1번이 해결된다면 이것도 유사한 원인이 아닐까 하여 여쭤봅니다 


-------------------------------------------------------------------------
고수 여러분들 초짜 많이 도와주세요 ㅠㅠ;; 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
때린데 또때려 홈페이지 접속 카운터 변경방법  
때린데 또때려 게시판 게시글 조회수가 IP인식 하여 증가 하는건가요? [1] 2012.04.07 by 송동우
봉미선 게시글이 등록되면 자동으로 댓글하나 달리는기능 [4] 2020.03.14 by 송동우
윈컴이 xe.min.css unload [2] 2018.08.12 by 송동우
어쭈구리メ ContactUs 에서 보내는 이를 바꿨으면 하는데요.. [1] 2012.04.07 by 김상현224
민소 백업받은 계정과 db파일 업로드하는 방법을 알려주시면 고맙겠습니다. [1] 2012.04.07 by 송동우
봉미선 홈페이지에서 게시글이 등록되면요 기본 댓글이 뜨게하는법(?)좀... [2] 2012.04.07 by delphiXE2
봉미선 xe core라는게뭐죠?? [3] 2013.07.24 by delphiXE2
맛있는우유 코어 업그레이드 하려구 하는데요. [1] 2012.04.07 by 송동우
대전 이러한 형태로 음악을 넣으려면 어떤방법을 써야하나요? [2] 2012.04.08 by 송동우
자야2 댓글에 답변 댓글달면 그건 왜 쪽지로 가지 않을까요?제발 답변좀.. [1] 2012.04.08 by 송동우
koki 메뉴사라짐 [1] 2012.04.08 by 송동우
카우도 로그인 위젯 아이디 저장 클릭시 나오는 경고문...... file  
맛있는우유 지금 코어 업그레이드 하려구 하는데용. [3] 2012.04.08 by Seunghyun
카이닉스 콘텐트 위젯에서 비밀댓글을 제외시킬 수 없나요? [2] 2012.04.08 by 송동우
94DT [질문] 000webhost ( 000웹호스트 ) 서버다운에관해서 .. [1] 2012.04.08 by 송동우
윈컴이 content 위젯 썸네일 관련 [2] 2015.02.28 by 윈컴이
스미 [살려주세요]게시판 레이아웃 지정 질문입니다.  
말라랑칼물렁컹이 Language Select 위젯이 작동하질 않습니다. [1] file 2012.04.08 by 윈컴이
디즈니 출석부 소시랑 스킨에 대해서 ㅠㅠ [1] 2012.04.08 by 윈컴이
별을 사랑했네 썸네일이 오그라들어요 file  
카이네드 메뉴에 2가지 언어 동시 표현 [1] 2012.04.08 by 송동우
살려주세욤 이 게시판때매 디자인이 이상해지네요 뭐죠?.. [1] file 2012.04.08 by 송동우
하눅시무 게시글 닉네임 변경 하려면 phpmyadmin 사용하면 되나요?.... [1] 2012.04.08 by 송동우
토이터 모바일 이미지 리사이즈 문제..제발 도와주세요..ㅠ_ㅠ file  
싹튼감자 익스플로러 호환성 문제.. [1] 2020.03.14 by BNU
맛있는우유 xe 위키 사용 도대체 어떻게 하는건가요..  
사과꽃향기5 XE 1.5.2.2 업데이트 후 홈피 접속이 안되요. 도와주세요 [1] 2020.03.14 by 말라랑칼물렁컹이
파파민 1.4버젼에서 1.5.2 업 후 레이아웃깨짐(?) 및 에러 메세지..^^;; [3] file 2012.04.08 by 파파민
희망샘 메인화면이 나타났다 사라지고 404에러가... [2] 2020.03.14