메뉴 마우스오버 도와주세욥

메뉴 마우스오버 도와주세욥

QA

메뉴 마우스오버 도와주세욥

본문

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

오류 주소 : 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은 임의로 제가 아이디값을 준거예여.

서브메뉴 오버가 되면 배경이 빨강개통에 흰색 글자로 되는 효과만 있어야하는데

처음에 연한회색이었다가 커서가 지나가고 나서 글자색깔이 진한회색으로 바뀌는거라서..

서브메뉴 효과는
>  진한회색 > 마우스오버시 빨강배경에 흰색  - 요부분은 실행이 됩니다.
    문제는 처음 메뉴를 열었을때 진한회색부분이 연한회색으로 나타나고 커서가 지나가면 진한회색으로
    되는 희안한 현상이 ㅠㅠ


혹시 색상 지정을 따로 어떻게 할수잇나요? css에라던지 도무지 원인을 못찾게쎈요

답변을 작성하시기 전에 로그인 해주세요.
전체 59,555
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT