오류;;;; 드롭다운메뉴가 미친듯이 드롭해요. ㅠ_ㅠ

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > 커뮤니티 > 질문과답변 상세보기

클라우드태그

Javascript

PHP

CSS

html

asp

API

jquery

mysql

image

Mobile

slide

게시판

메뉴

현재접속자 명

340

4,321

2011-05-26 16:13:43

닉네임	crimwafers	이메일	72kook@hanmail.net
제목	오류;;;; 드롭다운메뉴가 미친듯이 드롭해요. ㅠ_ㅠ
내용

현재 카페24에서 http://www.mamas.kr/ 사이트를 리뉴얼 중입니다. 상단의 메뉴를 드롭다운으로 해봤는데 오류가 나서 며칠을 수정하고 고민하다가 해결이 안나서 글 올립니다. 오류내용; 1. 마우스를 올릴때만 적용이 되야하는데 마우스를 올리고 내린 후에 드롭다운 메뉴가 미친듯이 계속 드롭되고 있음 2. 드롭다운메뉴에 지정한 폰트와 폰트크기가 적용이 안되고 있음. 3. 메뉴의 높이는 양쪽 이미지와 같아야하는데 적용이 안되고 있음. 물론 카페24고객센터와 운영자카페에 문의했지만 명확한 답변을 못 만났어요. 이 오류 때문에 현재 리뉴얼을 못하고 있고.... 이 문제가 해결되어야 다음 일이 진행이 되는데 몇날 몇일 이러고 있네요. 경로가 잘못되었거나 스크립트를 잘못넣었거나 <!DOCTYPE html... 때문일수도 있고,... 어디에서 잘못이 됐는지 찾을수가 없네요. [소스] ------------------------------ 메인화면 <html> <head> <meta http-equiv="content-type" content="text/html; charset=euc-kr"> <title>{{$mall_greeting}}</title> <link rel=stylesheet type=text/css href='/front/html/css/{{$common_css}}'> <link rel=stylesheet type=text/css href='/front/html/css/{{$page_css}}'> {{$tooltip_css}} <script language='javascript' src='/front/html/js/{{$common_js}}'></script> <script language='javascript' src='/front/html/js/{{$common_js_ro}}'></script> <script language='javascript' src='/front/html/js/{{$page_js_ro}}'></script> <script language='javascript' src='/front/html/js/{{$page_js}}'></script> <--카페24는 공통모듈이 있는데... css와 js는 공통모듈의 common css와 js에 넣었다가 오류의 원인을 몰라 /web 에 올려놓았으며 태그는 아래와 같습니다. <link rel='stylesheet' href='/web/style.css' type='text/css' /> <script type='text/javascript' src='/web/script.js'></script> --> 내용생략.. </head> <body> <table width=100%><tr><td valign=top> 생략.. </td></tr></table> </body> </html> -------------------------------------공통모듈 - 상단메뉴바( a_33 ) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <--업로드 전에 내컴퓨터에서 확인할 때 <!DOCTYPE .... 이부분이 없었을때 현재 마마스사이트와 같은 현상이 있었는데.. 이부분이 문제인지도 확인 부탁드립니다. 현재 상단메뉴 부분에만 적용하였는데 메인화면에도 넣어야 하는 것인지...--> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <link rel='stylesheet' href='/web/style.css' type='text/css' /> <script type='text/javascript' src='/web/script.js'></script> </head> <body> <table width="980" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right"> {{* a_33 상단메뉴 검색창B형 (a_32) 포함 사용자가 검색창을 빼도 메뉴 보이는것은 동일 }} <table border="0" cellpadding="0" cellspacing="0" bgcolor="{{$tab_array.a_33.bgcolor}}" STYLE="color:{{$font_array.a_33.font_color}};font-size:{{$font_array.a_33.font_size}};font-family:{{$font_array.a_33.font_type}};"> <tr> <td align='right' valign="bottom"><table width="0" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="/web/img/btn_new.gif" alt="coming soon"></td> <td><img src="/web/img/btn_best.gif" alt="coming soon"></td> <td><img src="/web/img/btn_event.gif" alt="coming soon"></td> <td><img src="/web/img/btn_photo.gif" alt="coming soon"></td> <td> </td> <td>{{ 검색창 B형 *}}{{$a_32}}</td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="13"> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="38"><img src="/web/img/header_bg1.gif" width="38" height="29" hspace="0" vspace="0"></td> <td> <ul class="menu" id="menu"> <li><a href="/front/php/category.php?cate_no=120" class="menulink">Fabric</a> <ul> <li><a href="/front/php/category.php?cate_no=269">베딩</a></li> <li><a href="/front/php/category.php?cate_no=268">커튼.밸런스</a></li> <li><a href="/front/php/category.php?cate_no=270">쿠션.방석.베개</a></li> <li><a href="#">커버링</a></li> <li><a href="/front/php/category.php?cate_no=273">리빙패브릭</a></li> <li><a href="/front/php/category.php?cate_no=274">주방패브릭</a></li> <li><a href="/front/php/category.php?cate_no=299">홈웨어</a></li> <li><a href="#">솜.부자재</a></li> <li><a href="/front/php/category.php?cate_no=271">레이스</a></li> </ul> </li> <li><a href="/front/php/category.php?cate_no=142" class="menulink">Living</a> <ul> <li><a href="/front/php/category.php?cate_no=273">리빙소품</a></li> <li><a href="/front/php/category.php?cate_no=274">리빙패브릭</a></li> </ul> </li> <li><a href="/front/php/category.php?cate_no=121" class="menulink">Kitchen</a> <ul> <li><a href="/front/php/category.php?cate_no=275">주방소품</a></li> <li><a href="/front/php/category.php?cate_no=274">주방패브릭</a></li> </ul> </li> <li><a href="/front/php/category.php?cate_no=118" class="menulink">Garden</a></li> <li><a href="/front/php/category.php?cate_no=122" class="menulink">Deco</a></li> <li><a href="/front/php/category.php?cate_no=194" class="menulink">Outlet</a></li> <li><a href="/front/php/category.php?cate_no=208" class="menulink">Terrace</a></li> </ul> </td> <td width="39"><img src="/web/img/header_bg3.gif" width="39" height="29" hspace="0" vspace="0"></td> </tr> </table> <script type='text/javascript'> var menu=new menu.dd('menu'); menu.init('menu','menuhover'); </script> 이부분을 넣지 않으면 드롭다운이 구현이 안되요... </body> </html> -----------------------------------------------소스끝. ftp에 업로드 하기전에는 내컴퓨터에서는 문제없이 잘 구동되던것이 올리고 나서 오류가 나면... 경로의 문제인지 스크립트의 충돌인지 잘 모르겠네요.. 어디에서 문제가 있던 것인지 속시원히 알고 싶네요. ps; 드림위버에서 드롭다운메뉴빌더도 써봤고 해피cgi에서 드롭다운메뉴 관련해서 검색은 해보았지만..... 현재 이 방법보다 드롭다운 메뉴를 좀 더 쉽게 적용할 수 있는 팁이 있다면 알려주세요. 미덕을 부탁드립니다.