묻고답하기

  2. Support
  3. 묻고답하기

창크기에따라변하는서브메뉴

2002.03.28 04:55

꼬랑지

창크기에 따라 서브메뉴들이 위치가 자꾸 변하는데요
이거 어떻게 고정시킬방법이 없을까요?

파일을 올려야 하는데 어떻게 하죠?
소스를 요기에 올리면 되나요?

올려볼께요...


<!--여기서부터 카피해 head .. /head 내에 넣어줍니다---->
<style type="text/css">
/*링크의 속성*/
a { font-size:10pt; color:#B3F0F8; text-decoration: none }
/*링크 롤 오버시의 속성*/
a:hover {color: red; text-decoration: underline }
/* 주메뉴 링크의 롤오버 속성*/
a.plain:hover { font-size:10pt; text-decoration: underline }
#box { position:absolute; visibility:hidden; layer-background-color:#757AE4 }
/*서브메뉴 박스의 바탕색상*/
#bluebox {background-color:#A0A0A0;}
/*메뉴 텍스트의 속성*/
#mnubar {font:10pt arial; font-weight:bold }
</style>

<script language="JavaScript">
<!---Javascript Hide
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

function openIt(x) {

// NS 에서
if(ns) {
   showbox= document.layers[x+1]
     showbox.visibility = "show";
       showbox.top=22;
    var items = 6      ; // 주 메뉴의 총 수량을 설정
     for (i=1; i<=items; i++) {
      elopen=document.layers[i]
        if (i != (x + 1)) {
          elopen.visibility = "hide" }
            }
  }    

//IE 에서

if(ie) {
curEl = event.toElement
curEl.style.background = "white" // 마우스를 메뉴텍스트에 올릴때 텍스트의 배경색상
  showBox = document.all.box[x];
    showBox.style.visibility = "visible";
       showBox.style.top = 20;  // 주 메뉴와 서브메뉴 사이의 여백(서브 메뉴의 위쪽 여백)
var items = 6   // 주 메뉴의 총 수량을 설정
   for (i=0; i<items; i++) {
    elOpen=document.all.box[i]
     barEl=document.all.mnubar[i]
      if (i != x){
       elOpen.style.visibility = "hidden"
        barEl.style.background = "#757AE4" // 비활성(마우스를 올리지 않았을때)상태에서의 메뉴바 바탕색상
                  }
     }
   }
}

function closeIt() {
   var items = 6  // 주 메뉴의 총 수량을 설정
     for (i=0; i<items; i++) {
       if(ie){
        document.all.box[i].style.visibility = "hidden"
          barEl=document.all.mnubar[i]
           barEl.style.background = "#757AE4"
       }
       if(ns){ document.layers[i+1].visibility = "hide"}          
}
}
//---- end script ---->
</script>
<!--여기까지가 head 스크립트--->
</head>

<BODY BGCOLOR="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<!-- <BODY> 와 </BODY> 사이에 아래와 같이 테이블을 이용해 주 메뉴를 만든다 ---->

<table border="0" cellpadding="0" width="600" bgcolor="#757AE4" height="18" id=mainmenu align=center>
<tr>
<td align="center" >
<a href="#" onmouseover="closeIt()" class=plain>홈으로</a></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(0)" id=mnubar>Menu 1</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(1)" id=mnubar>Menu 2</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(2)"  id=mnubar>Menu 3</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(3)"  id=mnubar>Menu 4</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(4)"  id=mnubar>Menu 5</a><br></td>
<td align="center" width="30" nowrap valign="top"> </td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(5)"  id=mnubar>Menu 6</a><br></td>
<td align="center" width="30" nowrap valign="top">
</td> </tr>
</table>
<br><br>


<!-- 아래와 같이 위의 주 메뉴에 대한 서브메뉴를 만든다 --->

<!--  첫번째 주메뉴에 대한 서브메뉴 -->
<div id=box style=left:80> <!--왼쪽에서 80픽셀만큼 마진값 주기-->
<table border="0"  id=bluebox >      
<tr><td><a href='#' >서브메뉴 1</a>  </td>
<td><a href='+ '+ 'http://...'>서브메뉴 2  </a></td>
<td><a href='http://...'>서브메뉴 3  </a></td>
</tr></table>
</div>


<!--  두번째 주메뉴에 대한 서브메뉴 -->
<div id=box style=left:230>
<table border="0"  id=bluebox >      
<tr><td><a href='#' >서브메뉴 1</a>  </td>
<td><a href='http://...'>서브메뉴 2  </a></td>
<td><a href='http://...'>서브메뉴 3  </a></td>
</tr></table>
</div>

<!--  세번째 주메뉴에 대한 서브메뉴 -->
<div id=box style=left:340>
<table border="0"  id=bluebox >      
<tr><td><a href='#' >서브메뉴 1</a>  </td>
<td><a href='http://...'>서브메뉴 2  </a></td>
<td><a href='http://...'>서브메뉴 3  </a></td>
</tr></table>
</div>

<!--  네번째 주메뉴에 대한 서브메뉴 -->
<div id=box style=left:480>
<table border="0"  id=bluebox >      
<tr><td><a href='#' >서브메뉴 1</a>  </td>
<td><a href='http://...'>서브메뉴 2  </a></td>
<td><a href='http://...'>서브메뉴 3  </a></td>
</tr></table>  
</div>

<!--  다섯번째 주메뉴에 대한 서브메뉴 -->
<div id=box style=left:650>
<table border="0"  id=bluebox >      
<tr><td><a href='#' >서브메뉴 1</a>  </td>
<td><a href='http://...'>서브메뉴 2  </a></td>
<td><a href='http://...'>서브메뉴 3  </a></td>
</tr></table>
</div>


<!--  여섯번째 주메뉴에 대한 서브메뉴 -->
<div id=box style=left:760>
<table border="0"  id=bluebox >      
<tr><td><a href='#' >서브메뉴 1</a>  </td>
<td><a href='http://...'>서브메뉴 2  </a></td>
<td><a href='http://...'>서브메뉴 3  </a></td>
</tr></table>
</div>
<!--여기까지----->
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
정현준 간단한 질문입니다.. php.. [1] 2007.08.10
이기원 인쇄 할때 테이블 양식 라인이 보이게.... [2] 2007.08.10
젠더 이런거 물어보면 욕먹지 않을까요? [3] 2007.08.10
BigStone mysql에서 쿼리문에 대한 질문입니다. [2] 2007.08.10
장대운 포토샵에서 이런 이미지 어떻게 만드나여?? [1] 2007.08.10
꼬랑지 창크기에따라변하는서브메뉴 [3] 2007.08.10
심정아 게시판위에 파일이 그림이 안뜨고 x 표시가납니다.도와주세요 [2] 2007.08.10
cguy 디비 백업은??? [1] 2007.08.10
에프랑지아 주메뉴에 레이어를 적용했을 때... [4] 2007.08.10
redsuns 드림위버 새버전 MX(베타), 이전 버전과 달라졌다고 하던데...  
리틀 서버 관련 질문 고수님들 필독 [1] 2007.08.10
플러키 고수님들 좀 도와주세요.... [1] 2007.08.10
빵이저아~^^* 제로님에게 질문입니다.  
꼬맹이 미디어 플레이어 7.1의 Object 구성요소중에서 [2] 2007.08.10
깜시 php카운터에 관한 질문입니다..  
이훈재 미디어 플레이어에서 오른쪽 마우스 금지.. [1] 2007.08.10
문효민 제로보드 홈피같은 메뉴란을꾸밀려고하는대.. [1] 2007.08.10
강동호 급함]서버 98se 클라이언트 xp 핑까진 잘되는데 인터넷이..  
나물이 리프레시 할때... [1] 2007.08.10
gkdl 지식있으신 님들 476번 좀 봐주세여  
강동호 [re] 지식있으신 님들 476번 좀 봐주세여  
이대연 제로보드..회원가입  
이승호 msql에서 db 벡업은 어떻게 하나요? [1] 2007.08.10
holic 윈도우2000에서 winipcfg 어떻게... [2] 2007.08.10
김리라 제로보드에서 위에 그림 들어간 것에서요.. [1] 2007.08.10
김시내 레이어 메뉴 테이블 안에 넣을때 테이블 크기 늘어나는 문제좀-_ㅠ [1] 2007.08.10
Illusion 포토샵이 이상해요'' _''...(제가 이상한건가요;;) [1] 2007.08.10
조태윤 [질문] 스킨 공지사항 배경색깔 설정및 코멘트에 시간보이기..  
이한석 메일셋팅 질문입니다 ㅠㅜ 도와주세요.....(~__)~ [1] 2007.08.10
정은희 form태그에서 name을 동적으로 생성해서 보내는 방법 [1] 2007.08.10
태그 쓰기