테스트 사이트 - 개발 중인 베타 버전입니다

도와주세요~ 전체메뉴 뭐가 잘못된걸까요 채택완료

12년 전 조회 5,204
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.



오류 주소 : <a href="http://www.gsfnc.com/preview/?dgnset_id=4699" target="_blank" rel="noopener noreferrer">http://www.gsfnc.com/preview/?dgnset_id=4699</a>







해결이잘안되네요 ㅠㅠ



1. 전체메뉴 열어보면 핑크색배경 부분이 마우스커서가 지나가면 회색으로 바껴버립니다. 핑크색

&nbsp; 배경 그대로 있어야하는데, 또 그 아래 메뉴들도 연한 회색으로 보이다가 커서가 지나가면 진하게

&nbsp; 변합니다. 회색폰트는 진한폰트색이 정상입니다.







2. 전체메뉴가 지금은 펼쳐질때 메인이미지나 배너를 밑으로 밀어버리는데 밀어버리게 말고

&nbsp; 이미지를 밀어내지 않고 그 위로 보이게 하고싶습니다.



3. 오른쪽 메인이미지와 배너가 빨간줄 위에 딱 붙어야하는데 전체메뉴가 현재 970을 차지하고 있어서

&nbsp; 전체메뉴만큼 아래에서 나옵니다. 이걸 위로 딱 붙일수 있는 방법이 있는지





이중에 하나만 아셔도 답 부탁드리고요 다아셔서 알려주시면 더더 감사하구욥 > <

&nbsp;











&nbsp; <script>



// 페이지 이동 ##################################################

function gotoUrl(url) {

if (url.stripspace() != "") {

location.href = url;

}

}









// 객체 Offset 가져오기 ##################################################

function getOffset(obj) {

var objOffset = { left : 0, top : 0 };

var objOffsetParent = obj.offsetParent;



objOffset.left = parseInt(obj.offsetLeft, 10);

objOffset.top = parseInt(obj.offsetTop, 10);



while (objOffsetParent) {

objOffset.left += parseInt(objOffsetParent.offsetLeft, 10);

objOffset.top += parseInt(objOffsetParent.offsetTop, 10);



objOffsetParent = objOffsetParent.offsetParent;

}



return objOffset;

}







function MM_swapImgRestore() { //v3.0

&nbsp; var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

&nbsp; var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

&nbsp; &nbsp; var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

&nbsp; &nbsp; if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}



function MM_findObj(n, d) { //v4.01

&nbsp; var p,i,x;&nbsp; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

&nbsp; &nbsp; d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

&nbsp; if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

&nbsp; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

&nbsp; if(!x && d.getElementById) x=d.getElementById(n); return x;

}



function MM_swapImage() { //v3.0

&nbsp; var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

&nbsp; if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}



function bluring(){

if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG")



document.body.focus();

}

document.onfocusin=bluring;



function Url(url) {

document.location.href=url;

}



function onMenu(td){

&nbsp; &nbsp; &nbsp; &nbsp; td.style.backgroundColor = "f23535"; //"50c204";

&nbsp; &nbsp; &nbsp; &nbsp; td.style.color&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = "FFFFFF";

&nbsp; &nbsp; }

&nbsp; &nbsp; function outMenu(td){

&nbsp; &nbsp; &nbsp; &nbsp; td.style.backgroundColor = "FFFFFF";

&nbsp; &nbsp; &nbsp; &nbsp; td.style.color&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = "383838";

&nbsp; &nbsp; }





function onMenuB(td){

&nbsp; &nbsp; &nbsp; &nbsp; td.style.backgroundColor = "cf0e13"; //"50c204";

&nbsp; &nbsp; &nbsp; &nbsp; td.style.color&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = "FFFFFF";

&nbsp; &nbsp; }

&nbsp; &nbsp; function outMenuB(td){

&nbsp; &nbsp; &nbsp; &nbsp; td.style.backgroundColor = "f7f7f7";

&nbsp; &nbsp; &nbsp; &nbsp; td.style.color&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = "d11a1f";





&nbsp; &nbsp; }





// 서브카테고리 마우스오버

function catOver(el,id) {

try{

$(id).style.display="block";

}catch(e){}

}



// 서브카테고리 마우스 아웃

function catOut(el,id) {

try{

$(id).style.display="none";

}catch(e){}

}





// 서브카테고리 마우스오버

function catOver(el,id) {

try{

$(id).style.display="block";

}catch(e){}

}









// 서브카테고리 마우스 아웃

function catOut(el,id) {

try{

$(id).style.display="none";

}catch(e){}

}



function ctShowDiv(type,object,imgUrl){

if(document.getElementById("top_cat_div").style.display=="none"){

eval('categoryDiv.style.display = "block";');

eval('top_cat_div.style.display = "block";');

}else{

if (self.location.pathname!='/' && self.location.pathname!='/index.php') {

eval('categoryDiv.style.display = "none";');

}

eval('top_cat_div.style.display = "none";');

}



}



</script>



&nbsp; <script>

function view(){

if(document.getElementById('layer').style.display == 'none') {

&nbsp;document.getElementById('layer').style.display = 'block';

&nbsp;} else {

document.getElementById('layer').style.display = 'none';



}

}



&nbsp;

&nbsp; </script>&nbsp; &nbsp;

&nbsp; &nbsp;

<div onClick="view()" style="cursor:pointer"><a href="#togle" onClick="togling()" class="toggle"><img src="/design/maxink/new/main/category.jpg" alt="전체메뉴" title="전체메뉴" /></a> </div>

&nbsp;<div id="layer" style="width:930px; height:400px;display:none;">

<!--1번째줄-->

<table width="100%" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; <td>

<table width="930" border="0" cellspacing="0" cellpadding="0">

&nbsp; <tr valign="top">

&nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>무한잉크 풀셋 완제품</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">HP</td>

&nbsp;</tr>

&nbsp;<tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">EPSON</td>

&nbsp;</tr>

&nbsp;<tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">BROTHER</td>

&nbsp;</tr>&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>무한토너 풀셋 완제품</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">XEROX</td>

&nbsp;</tr>

&nbsp;<tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">BROTHER</td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>잉크젯프린터, 복합기</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">HP</td>

&nbsp;</tr>

&nbsp;<tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">EPSON</td>

&nbsp;</tr>

&nbsp;

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">BROTHER</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">CANON</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">기타</td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>레이져프린터, 복합기</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">XEROX</td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>잉크, 세정액</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">무한리필잉크</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">세정액</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">정품잉크</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">BROTHER</td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; </tr>

&nbsp; <tr>

&nbsp; <td height="10">

&nbsp; </td>

&nbsp; <tr>

&nbsp;

&nbsp;<!--2번째줄-->&nbsp;

&nbsp; <tr>

&nbsp; <table width="930" border="0" cellspacing="0" cellpadding="0">

&nbsp; <tr valign="top">

&nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>토너</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">무한리필토너</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">정품토너</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">재생, 호환토너</td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">EPSON</td>

&nbsp;</tr>

&nbsp;</tr>

&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>프린터부품, 헤드</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">프린터헤드</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">기타</td>

&nbsp;</tr>

&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>무한공급기</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">HP</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">EPSON</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">BROTHER</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">CANON</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">SAMSUNG</td>

&nbsp;</tr>

&nbsp;

&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp;

&nbsp; &nbsp;

&nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>무한공급기 부품</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">무한칩관련</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">아크릴관련</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">호스관련</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">카트리지관련</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">잉크병관련</td>

&nbsp;</tr>

&nbsp;<tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">공급기부품</td>

&nbsp;</tr>

&nbsp;<tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">기타부품백화점</td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td width="186">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <table width="186" border="0" cellspacing="0" cellpadding="0">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr align="left">

<td height="25" bgcolor="#ffe8e9" class="bb"&nbsp; style=" border-bottom:dotted 1px #cccccc; padding-left:12px; border-right:solid 1px #cccccc" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&type=X')" onMouseOver="onMenuB(this)" onMouseOut="outMenuB(this)"><font color="#757575"><b>레이져 부품 백화점</b></font></td>

&nbsp;</tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">파우더</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">드럼</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">CARRIER</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">토너칩, 드럼칩</td>

&nbsp;</tr>

&nbsp; &nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">롤러, 블레이드</td>

&nbsp;</tr>

&nbsp;<tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">EPSON</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">기타부품백화점</td>

&nbsp;</tr>

&nbsp; <tr>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td height="25"class="sub_menu_td2"&nbsp; style="padding-left:12px; border-right:#cccccc 1px solid" onClick="Url('/shop/shopbrand.html?xcode=020&mcode=001&scode=001&type=X')" onMouseOver="onMenu(this)" onMouseOut="outMenu(this)">단가주문</td>

&nbsp;</tr>



&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </td>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </tr>

&nbsp; &nbsp; &nbsp; &nbsp; </table></td>

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp;

&nbsp; </tr>

</table>

</td>

</tr>

</table>

</div>















---------- css소스입니다.







&nbsp; &nbsp; #dhtmlgoodies_menu{

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; width:170px;&nbsp; &nbsp; /* 메인메뉴 가로 길이 */

&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; background:url(/design/maxink/new/main/l_bg.jpg) no-repeat; width:170px; height:345px;

&nbsp;





&nbsp; &nbsp; }

&nbsp; &nbsp;

&nbsp; &nbsp; #dhtmlgoodies_menu&nbsp; &nbsp; li{&nbsp; &nbsp; /* Main menu <li> */

&nbsp; &nbsp; &nbsp; &nbsp; list-style-type:none;&nbsp; &nbsp; /* No bullets */

&nbsp; &nbsp; &nbsp; &nbsp; margin:0px;&nbsp; &nbsp; /* No margin - needed for Opera */

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; }

&nbsp; &nbsp;

&nbsp; &nbsp; #dhtmlgoodies_menu ul{

&nbsp; &nbsp; &nbsp; &nbsp; margin:0px;&nbsp; &nbsp; /* No <ul> air */

&nbsp; &nbsp; &nbsp; &nbsp; padding:0px;&nbsp; &nbsp; /* No <ul> air */

&nbsp; &nbsp; &nbsp; &nbsp; border:0px solid #c0c0c0;

&nbsp; &nbsp; }

&nbsp; &nbsp; #dhtmlgoodies_menu ul li ul{&nbsp; &nbsp; /* Styling for those who doesn't have javascript enabled&nbsp; - sub menu items*/

&nbsp; &nbsp; &nbsp; &nbsp; padding-left:0px;

&nbsp; &nbsp; }

&nbsp; &nbsp; #dhtmlgoodies_menu&nbsp; &nbsp; li a{&nbsp; &nbsp; /* Main menu links */

&nbsp; &nbsp; &nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; /* No underline */

&nbsp; &nbsp; &nbsp; &nbsp; color:#000;&nbsp; &nbsp; /* Black text color */



&nbsp; &nbsp; &nbsp; &nbsp; height:24px;&nbsp; &nbsp; /* 20 pixel height */

&nbsp; &nbsp; &nbsp; &nbsp; line-height:0px;&nbsp; &nbsp; /* 20 pixel height */

&nbsp; &nbsp; &nbsp; &nbsp; vertical-align:middle;&nbsp; &nbsp; /* Align text in the middle */

&nbsp; &nbsp; &nbsp; &nbsp; padding:0px;&nbsp; &nbsp; /* Air between border and text inside */

&nbsp; &nbsp; &nbsp; &nbsp; font-family:verdna;

&nbsp; &nbsp; &nbsp; &nbsp; font-size:11px;

&nbsp; &nbsp; &nbsp; &nbsp; letter-spacing:0px;

&nbsp; &nbsp; &nbsp; &nbsp; display:block;

&nbsp; &nbsp; }

&nbsp; &nbsp; #dhtmlgoodies_menu&nbsp; &nbsp; li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{

&nbsp; &nbsp; &nbsp; &nbsp; color:#fff;

&nbsp; &nbsp; &nbsp; &nbsp; background-color: #4e4e4e;

&nbsp; &nbsp; }

&nbsp; &nbsp; .dhtmlgoodies_subMenu{

&nbsp; &nbsp; &nbsp; &nbsp; visibility:hidden;

&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;

&nbsp; &nbsp; &nbsp; &nbsp; overflow:hidden;

&nbsp; &nbsp; &nbsp; &nbsp; border:3px solid #dc272c;

&nbsp; &nbsp; &nbsp; &nbsp; font-family:arial;

&nbsp; &nbsp; &nbsp; &nbsp; text-align:left;

&nbsp; &nbsp; &nbsp; &nbsp; font-family:verdna;

&nbsp; &nbsp; &nbsp; &nbsp; font-size:12px;

&nbsp; &nbsp; &nbsp; &nbsp; letter-spacing:-1px;

&nbsp; &nbsp; &nbsp; &nbsp; width:320px; /*서브메뉴 가로길이 */

&nbsp; &nbsp; &nbsp; &nbsp; background-color:#fff;



&nbsp; &nbsp; }

&nbsp; &nbsp; .dhtmlgoodies_subMenu ul{

&nbsp; &nbsp; &nbsp; &nbsp; margin:0px;

&nbsp; &nbsp; &nbsp; &nbsp; padding:0px;

&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; }

&nbsp; &nbsp; .dhtmlgoodies_subMenu ul li{

&nbsp; &nbsp; &nbsp; &nbsp; list-style-type:none;

&nbsp; &nbsp; &nbsp; &nbsp; margin:0px;

&nbsp; &nbsp; &nbsp; &nbsp; padding:0px;&nbsp; &nbsp; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/

&nbsp; &nbsp; }

&nbsp; &nbsp; .dhtmlgoodies_subMenu ul li a{&nbsp; &nbsp; /* Sub menu items */

&nbsp; &nbsp; &nbsp; &nbsp; white-space:nowrap;&nbsp; &nbsp; /* No line break */

&nbsp; &nbsp; &nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; /* No underline */

&nbsp; &nbsp; &nbsp; &nbsp; color:#000;&nbsp; &nbsp; /* Black text color */

&nbsp; &nbsp; &nbsp; &nbsp; height:20px;&nbsp; &nbsp; /* 16 pixels height */

&nbsp; &nbsp; &nbsp; &nbsp; line-height:20px;&nbsp; &nbsp; /* 16 pixels height */

&nbsp; &nbsp; &nbsp; &nbsp; padding:4px;&nbsp; &nbsp; /* 1px of "air" inside */

&nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; /* Display as block - you shouldn't change this */

&nbsp; &nbsp; }

&nbsp; &nbsp; .dhtmlgoodies_subMenu ul li a:hover{&nbsp; &nbsp; /* Sub menu items - mouse over effects */

&nbsp; &nbsp; &nbsp; &nbsp; color:#FFF;&nbsp; &nbsp; /* White text */

&nbsp; &nbsp; &nbsp; &nbsp; background-color:#999999;&nbsp; &nbsp; /* Blue background */

&nbsp; &nbsp; }

&nbsp; &nbsp;

&nbsp; &nbsp;

&nbsp; &nbsp; .aa {

&nbsp; &nbsp; color:#d11a1f;

&nbsp; &nbsp; }

&nbsp; &nbsp; .aa:hover {

&nbsp; &nbsp; color:#fff;

&nbsp; &nbsp; bgcolor:#d11a1f;

&nbsp; &nbsp; }

&nbsp; &nbsp;

&nbsp; &nbsp; .bb {

&nbsp; &nbsp; color:#555555;

&nbsp; &nbsp; bgcolor:#ffeaea;

&nbsp; &nbsp; }



&nbsp; &nbsp; .bb:hover {

&nbsp; &nbsp; color:#555555;

&nbsp; &nbsp; bgcolor:#ffe2e2;

&nbsp; &nbsp; }

&nbsp; &nbsp;

&nbsp; &nbsp;

#layer {

&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; overflow:hidden;

&nbsp; &nbsp; &nbsp; &nbsp; border:5px solid #ff5a5a;

&nbsp; &nbsp; &nbsp; &nbsp; font-family:arial;

&nbsp; &nbsp; &nbsp; &nbsp; text-align:left;

&nbsp; &nbsp; &nbsp; &nbsp; font-family:verdna;

&nbsp; &nbsp; &nbsp; &nbsp; font-size:13px;

&nbsp; &nbsp; &nbsp; &nbsp; letter-spacing:0px;

&nbsp; &nbsp; &nbsp; &nbsp; width:960px; /*서브메뉴 가로길이 */

&nbsp; &nbsp; &nbsp; &nbsp; background-color:#fff;

&nbsp; &nbsp; &nbsp;

}



댓글을 작성하려면 로그인이 필요합니다.

답변 1개

1.

function onMenuB(td){

&nbsp; &nbsp; &nbsp; &nbsp; td.style.backgroundColor = "cf0e13"; //"50c204";

&nbsp; &nbsp; &nbsp; &nbsp; td.style.color&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = "FFFFFF";

&nbsp; &nbsp; }



부분에 td.style.color = "FFFFFF"; 삭제해주시면됩니다.





2. layer 를 스타일에 position:absolute를 주면 해결됩니다.



3. 2번과 같이 전체보기에도 position:absolute를 주면됩니다.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

1. 저부분을 지우면 다른 메뉴에서 오버했을때 효과가 사라집니다 .같이 묶여있어서 그런건지; ㅠㅠ

2,3 구체적으로 어느부분에 어떻게 들어가야할까요? 제가 초보라서.ㅠㅠ
1번은 정확히 뭘 원하시는지 잘 모르겠어서 답변드리기가 애매하네요.;;;

음.. 2번 같은경우는

#layer {

overflow:hidden;
border:5px solid #ff5a5a;
font-family:arial;
text-align:left;
font-family:verdna;
font-size:13px;
letter-spacing:0px;
width:960px; /*서브메뉴 가로길이 */
background-color:#fff;

}

이부분에 position:absolute; 를 써주시면 되구요.

#layer {

overflow:hidden;
border:5px solid #ff5a5a;
font-family:arial;
text-align:left;
font-family:verdna;
font-size:13px;
letter-spacing:0px;
width:960px; /*서브메뉴 가로길이 */
background-color:#fff;
position:absolute;

}

이런식으로..

3번은

<div onClick="view()" style="cursor:pointer"> 이부분을

<div onClick="view()" style="cursor:pointer;position:absolute;"> 이렇게 고쳐주면 됩니다.
친절하게 알려주셔서 넘 감사합니다 ㅠㅠ 그런데

2번같은경우 css에 position:absolute; 를 입력하면 위로는 올라오는데 좌측 카테고리부분부터 덮고선
나타나야하는데 좌측카테고리 옆에서부터 펼쳐져서 오른쪽으로 삐져나와 버립니다. ㅠㅠ


3번은 <div onClick="view()" style="cursor:pointer;position:absolute;"> 이렇게 넣었더니
전체메뉴 버튼자체가 사라져버립니다. ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고