메뉴 마우스오버 도와주세욥
본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://www.gsfnc.com/preview/?dgnset_id=4699
1. 전체메뉴 클릭해보면 분홍색 바탕 말고 그 아래있는 중분류메뉴가 흐린회색에서
마우스커서가 지나가야지만 진한 회색으로 바뀝니다. 처음부터
진한 회색으로 나와야 하는데 이유를 도무지 못찾겠습니다. 어디가 잘못된걸까요 ㅠㅠ
2. 중분류 메뉴 길이에 따라 옆에 회색 라인이 생기는데 그러다보니~ 중분류 갯수가 적은건
라인이 짧아서 끈겨보여요~ 길이에 맡게 라인을 줄수 있는 방법이 있을까요
<!-- header 영역 -->
<div id="header" style="height:193px;">
<div id="top_menu_warp" style="height:75px;">
<ul id="hot_menu">
<li><img src="/design/maxink/new/main/m_top_bnr.png"></a></li>
</ul>
<ul id="top_menu">
<!--/if_login/-->
<li><a href="<!--/link_logout/-->">로그아웃</a></li>
<li><a href="<!--/link_join/-->">회원정보</a></li>
<!--/else/-->
<li><a href="<!--/link_login/-->">로그인</a></li>
<li><a href="<!--/link_join/-->">회원가입</a></li>
<!--/end_if/-->
<li><a href="<!--/link_basket/-->">장바구니</a></li>
<li><a href="<!--/link_order/-->">주문배송조회</a></li>
<li><a href="<!--/link_mypage/-->">마이페이지</a></li>
</ul>
</div>
<div id="logo_search">
<ul>
<li style="padding-top:17px;"><h1><a href="<!--/link_home/-->"><img src="/design/maxink/new/main/logo.png" alt="로고" title="로고" /></a></h1></li></ul>
<ul style="padding-top:51px;">
<li class="search_area">
<!--/form_search/-->
<fieldset>
<legend>검색 폼</legend>
<li>
<!--/input_search_word/--><li style="float:left"><a class="search-btn" href="<!--/link_search_button/-->"><input type="image" src="/design/maxink/new/main/search_02.jpg" alt="검색" title="검색" border="0" /></a>
<li style="padding-top:10px;">
<a href="#"><img src="/design/maxink/new/main/top_cs_01.jpg" alt="이벤트존" title="이벤트존" border="0"/></a>
<a href="/shop/page.html?id=14"><img src="/design/maxink/new/main/top_cs_02.jpg" border="0" alt="문제해결" title="문제해결" /></a>
<a href="/board/board.html?code=maxink_board9"><img src="/design/maxink/new/main/top_cs_03.jpg" border="0" alt="자료실" title="자료실" /></a>
<a href="/board/board.html?code=maxink"><img src="/design/maxink/new/main/top_cs_04.jpg" border="0" alt="온라인문의" title="온라인문의" /></a>
</li>
</fieldset>
<!--/end_form/-->
</ul>
</div>
</div>
<script type="text/javascript">
function togling(){
var a = document.getElementById('Show').style.display;
document.getElementById('Show').style.display=(a=='none')?'block':'none';
}
</script>
<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
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
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
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
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
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 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>
<script>
function view(){
if(document.getElementById('layer').style.display == 'none') {
document.getElementById('layer').style.display = 'block';
} else {
document.getElementById('layer').style.display = 'none';
}
}
</script>
<!-- style="cursor:pointer;원본-->
<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>
<div id="layer" style="width:950px; height:400px;display:none;">
<!--1번째줄-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="930" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="10">
</td>
<tr>
<!--2번째줄-->
<tr>
<table width="930" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
------- css영역
body {background:url(/design/maxink/new/main/top_bg.jpg) repeat-x;}
#header #top_menu_warp {height:35px; width:970px;}
#header #top_menu_warp #hot_menu {float:left;}
#header #top_menu_warp #hot_menu li {float:left;}
#header #top_menu_warp #top_menu {float:right; width:320px;}
#header #top_menu_warp #top_menu li {float:left; margin:8px 5px;}}
#header #logo_search { float:left; width:970px;}
#header #logo_search li { float:left;}
#header #logo_search fieldset { float: right; width: 250px; margin:28px 0 0 10px;}
#header #logo_search .search_area { width:69px; height:36px; margin:0px 0 0 0px; }
#header #logo_search .search-btn img { vertical-align: middle; }
#header #logo_search .MS_search_word { border: 0; width: 243px; height: 36px; padding: 8px 0 0 7px; background: url(/design/maxink/new/main/search_01.jpg) no-repeat 0 0; }
#header #main_menu { float:left; width:970px;}
#header #main_menu li { float:left; }
#header #main_menu .top10 { width:170px; text-align:right;float:right; padding:8px 0 0 0;}
#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;
z-index: 1000;
}
오류 주소 : http://www.gsfnc.com/preview/?dgnset_id=4699
1. 전체메뉴 클릭해보면 분홍색 바탕 말고 그 아래있는 중분류메뉴가 흐린회색에서
마우스커서가 지나가야지만 진한 회색으로 바뀝니다. 처음부터
진한 회색으로 나와야 하는데 이유를 도무지 못찾겠습니다. 어디가 잘못된걸까요 ㅠㅠ
2. 중분류 메뉴 길이에 따라 옆에 회색 라인이 생기는데 그러다보니~ 중분류 갯수가 적은건
라인이 짧아서 끈겨보여요~ 길이에 맡게 라인을 줄수 있는 방법이 있을까요
<!-- header 영역 -->
<div id="header" style="height:193px;">
<div id="top_menu_warp" style="height:75px;">
<ul id="hot_menu">
<li><img src="/design/maxink/new/main/m_top_bnr.png"></a></li>
</ul>
<ul id="top_menu">
<!--/if_login/-->
<li><a href="<!--/link_logout/-->">로그아웃</a></li>
<li><a href="<!--/link_join/-->">회원정보</a></li>
<!--/else/-->
<li><a href="<!--/link_login/-->">로그인</a></li>
<li><a href="<!--/link_join/-->">회원가입</a></li>
<!--/end_if/-->
<li><a href="<!--/link_basket/-->">장바구니</a></li>
<li><a href="<!--/link_order/-->">주문배송조회</a></li>
<li><a href="<!--/link_mypage/-->">마이페이지</a></li>
</ul>
</div>
<div id="logo_search">
<ul>
<li style="padding-top:17px;"><h1><a href="<!--/link_home/-->"><img src="/design/maxink/new/main/logo.png" alt="로고" title="로고" /></a></h1></li></ul>
<ul style="padding-top:51px;">
<li class="search_area">
<!--/form_search/-->
<fieldset>
<legend>검색 폼</legend>
<li>
<!--/input_search_word/--><li style="float:left"><a class="search-btn" href="<!--/link_search_button/-->"><input type="image" src="/design/maxink/new/main/search_02.jpg" alt="검색" title="검색" border="0" /></a>
<li style="padding-top:10px;">
<a href="#"><img src="/design/maxink/new/main/top_cs_01.jpg" alt="이벤트존" title="이벤트존" border="0"/></a>
<a href="/shop/page.html?id=14"><img src="/design/maxink/new/main/top_cs_02.jpg" border="0" alt="문제해결" title="문제해결" /></a>
<a href="/board/board.html?code=maxink_board9"><img src="/design/maxink/new/main/top_cs_03.jpg" border="0" alt="자료실" title="자료실" /></a>
<a href="/board/board.html?code=maxink"><img src="/design/maxink/new/main/top_cs_04.jpg" border="0" alt="온라인문의" title="온라인문의" /></a>
</li>
</fieldset>
<!--/end_form/-->
</ul>
</div>
</div>
<script type="text/javascript">
function togling(){
var a = document.getElementById('Show').style.display;
document.getElementById('Show').style.display=(a=='none')?'block':'none';
}
</script>
<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
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
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
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
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
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 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>
<script>
function view(){
if(document.getElementById('layer').style.display == 'none') {
document.getElementById('layer').style.display = 'block';
} else {
document.getElementById('layer').style.display = 'none';
}
}
</script>
<!-- style="cursor:pointer;원본-->
<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>
<div id="layer" style="width:950px; height:400px;display:none;">
<!--1번째줄-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="930" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="10">
</td>
<tr>
<!--2번째줄-->
<tr>
<table width="930" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25" class="sub_menu_td2" 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>
<tr>
<td height="25" class="sub_menu_td2" 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>
</tr>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
<td width="190">
<table width="190" border="0" cellspacing="0" cellpadding="0">
<tr align="left">
<td height="25" bgcolor="#ffe8e9" class="bb" 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>
</tr>
<tr>
<td>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
<tr>
<td height="25"class="sub_menu_td2" 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>
</tr>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
------- css영역
body {background:url(/design/maxink/new/main/top_bg.jpg) repeat-x;}
#header #top_menu_warp {height:35px; width:970px;}
#header #top_menu_warp #hot_menu {float:left;}
#header #top_menu_warp #hot_menu li {float:left;}
#header #top_menu_warp #top_menu {float:right; width:320px;}
#header #top_menu_warp #top_menu li {float:left; margin:8px 5px;}}
#header #logo_search { float:left; width:970px;}
#header #logo_search li { float:left;}
#header #logo_search fieldset { float: right; width: 250px; margin:28px 0 0 10px;}
#header #logo_search .search_area { width:69px; height:36px; margin:0px 0 0 0px; }
#header #logo_search .search-btn img { vertical-align: middle; }
#header #logo_search .MS_search_word { border: 0; width: 243px; height: 36px; padding: 8px 0 0 7px; background: url(/design/maxink/new/main/search_01.jpg) no-repeat 0 0; }
#header #main_menu { float:left; width:970px;}
#header #main_menu li { float:left; }
#header #main_menu .top10 { width:170px; text-align:right;float:right; padding:8px 0 0 0;}
#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;
z-index: 1000;
}
답변 1
1. 색상 지정조차..없는것같은데...자세히안봣어요...머리아파서 ㅠㅠ ..
그냥 이렇게 소스를 바꾸세요..
td에다가 onclick 주셔서 하시는데 a태그로 쓰셔도 되지않아요?
일단... td{color:#ccc} td:hover{color:#333} 뭐 이런식으로...마우스 오버..하시면되시구요..
2. 이건 table 에 아이디 값을 주셔서 쉽게 해결되는데요..전체를 감쓰는 table 의 tr > TD 에다가 border-right 를 주시면되세요
#table tr td {border-right:1px #ccc solid} 이렇게여.. #table은 임의로 제가 아이디값을 준거예여.
그냥 이렇게 소스를 바꾸세요..
td에다가 onclick 주셔서 하시는데 a태그로 쓰셔도 되지않아요?
일단... td{color:#ccc} td:hover{color:#333} 뭐 이런식으로...마우스 오버..하시면되시구요..
2. 이건 table 에 아이디 값을 주셔서 쉽게 해결되는데요..전체를 감쓰는 table 의 tr > TD 에다가 border-right 를 주시면되세요
#table tr td {border-right:1px #ccc solid} 이렇게여.. #table은 임의로 제가 아이디값을 준거예여.
답변을 작성하시기 전에 로그인 해주세요.