묻고답하기

  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 남기남
cguy 디비 백업은??? [1] 2007.08.10
심정아 게시판위에 파일이 그림이 안뜨고 x 표시가납니다.도와주세요 [2] 2007.08.10
꼬랑지 창크기에따라변하는서브메뉴 [3] 2007.08.10
장대운 포토샵에서 이런 이미지 어떻게 만드나여?? [1] 2007.08.10
BigStone mysql에서 쿼리문에 대한 질문입니다. [2] 2007.08.10
젠더 이런거 물어보면 욕먹지 않을까요? [3] 2007.08.10
이기원 인쇄 할때 테이블 양식 라인이 보이게.... [2] 2007.08.10
정현준 간단한 질문입니다.. php.. [1] 2007.08.10
김철중 인클루드에 대해서...;;;  
블루 .net 질문이 있는데요... [3] 2007.08.10
송승모 궁금  
블루 .net 이번엔 진짜 궁금,, 한.. [2] 2007.08.10
net@nts 컴터 상식이라고 해야하나? 궁금쓰~ [1] 2007.08.10
김철중 HIRC로 자신의 대화방 만들기...;;;  
지마니 위에 메뉴처럼 마우스들어가면 .. [2] 2007.08.10
김성수 도트에 대한 질문 [3] 2007.08.10
이민종 한미르 게시판에 관한질문... [2] 2007.08.10
구리구리 웹사이트를 ip로는 접속 불가능하게 하려면?? [1] 2007.08.10
김유리 아시는분 꼭 답변 부탁드려요.. [2] 2007.08.10
윤태학 변수 설정에 대해서... [2] 2007.08.10
Xynex:) 링크타겟을 잘 모르겠어요 (제로보드 최근게시물;) [1] 2007.08.10
김동호 서버(계정) 사용량을 알고 싶을때는.... [1] 2007.08.10
레드엔젤 제발 도와주세요. [2] 2007.08.10
문효민 후음..매뉴가 멎대로 가는군요=_=;;  
絶世美男 다른 사이트의 페이지를 인클루드로 다른 서버의 페이지에다가 적용시킬수가 있나요? [1] 2007.08.10
Legend [re] 이소스 분석부탁해도될까요^^꼭쓸려고 합니다 부탁^^  
김규완 이소스 분석부탁해도될까요^^꼭쓸려고 합니다 부탁^^  
김명호 위의 링크사이트처럼 그림 올리면 자동으로 리사이즈 그림 게시판 만드려면... [1] 2007.08.10
TryZ 객체 지향이 무언가요... [2] 2007.08.10
변해정 첨부파일을 새창으로 띄우기. [1] 2007.08.10
태그 쓰기