묻고답하기

  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 남기남
thdwjdtjr 첨부물 첨부가 되질않습니다 [2] file 2016.05.08 by thdwjdtjr
thdwjdtjr HOME를 게시판으로 사용하고자 합니다. [2] file 2016.05.08 by thdwjdtjr
thdwjdtjr 스케치북 게시판에 나눔고딕 적용하기 [2] 2016.05.08 by thdwjdtjr
thdwjdtjr 본문내 문서(PDF)뷰어가 안되는 원인은 ??? [4] file 2016.05.08 by thdwjdtjr
최태진814 이거는 어디에서 수정해야 하죠?? [1] file 2016.05.07 by 불금
xe사용자권한 xe 제꺼 자체 오륜거같은데 도와주세요ㅜㅜ  
s****39fe9 이미지가 두개씩 올라가요  
홍찬 메인 메뉴 크기 정렬 CSS 수정 방법 [1] file 2016.05.07 by DoorWeb
뭉뭉 업데이트 이후 홈페이지 다운 [11] 2016.05.07 by 뭉뭉
zzoong2 회색부분을......? [2] file 2016.05.07 by zzoong2
신검 관리자 외 업로드 100%에서 파일 증발하는 현상 [1] 2016.05.07 by Xiso
클릭해 쿨 sms 사용중인분 계시나요? [4] 2016.05.07 by 클릭해
yuuki 게시판 첨부 [1] 2016.05.07 by DoorWeb
후니ss 제목 및 내용 글자크기 변경방법 [2] file 2016.05.07 by 후니ss
xe사용자권한 xe오류같은데 좀 도와주세요 ㅠㅠ  
띵똥 Not Found  
amaq xe 정보를 불러오질 못합니다.. [1] 2016.05.06 by amaq
deok 파일첨부 에러 [1] file 2016.05.06 by sejin7940
아스마 게시판별 회원 닉네임 엑셀로 저장 할수 있는 방법 있을까요? [3] 2016.05.06 by sejin7940
하늘물가 회원가입시 넣은 이름이 숫자로 변경됩니다. file  
Kxo 포인트 부족 시 글 열람은 안되는데 댓글은 보이는 문제. [1] 2016.05.06 by Xiso
짱가797979 XE 외부페이지 삽입시 이미지 사이 공백에 대한 부분을 질문드리겠습니다. [13] file 2016.05.06 by jenny
xe사용자권한 xe 수정이 안되서 질문드려요 [2] 2016.05.05 by xe사용자권한
adrian 홈페이지가 이상해요 요즘  
deok 모바일에서만 기본UPL 설정안되있다고합니다.  
deok 기본 URL.. db.config 변경으로 해결안됩니다.  
덕서리 게시판 리스트 상단에 글쓰기 [1] 2016.05.05 by 불금
재이리 네이버 검색 등록 문의 드립니다 ㅠ file  
deok 잘못된 요청입니다 문제  
Kxo (끌올) 모듈 삭제 후 모듈 선택기에 분류가 사라지지 않는 문제... [1] file 2016.05.05 by Xiso
태그 쓰기