묻고답하기
레이어때문에 환장하겠어요.. 초고수용~
2003.08.07 16:51
http://www.milimtrade.com안녕하세요.
소스를 아무리 뚫어져라 봐도..소스에 문외한이라서...도움을 받고자 ....
홈페이지에 레이어메뉴를 넣었는데요...메뉴부분을 menu.php라고 저장하고..매번 include시켜서 쓰고 있습니다.
문제는 처음에 index에서 불러지는 메뉴레이어는 텍스트데코레이션도 없고..글씨도 딱딱 맞는데..
다른 메뉴로 넘어가면...글씨도 제멋대로고....밑줄도 그어져있고.....
돌아버리겠네요..
style을 수정하면 된다는데...나모에 가서 menu표의 스타일을 효과없음으로 하고 글씨도 다 정해줬는데....안되네요..
한번 봐주시면 고맙겠는데요...
맨 처음화면에서...회사소개에 마우스오버하면 나타나는 서브레이어를 보신뒤....바로 옆 공지사항 메뉴를 클릭하신후 다시 회사소개의 서브레이어를 봐주세요.요..글씨체랑 다 바뀌어져서 나와여...
부탁드립니다.
제가 만들고 있는 홈은
http://www.milimtrade.com
입니다.
menu.php의 소스는 아래와 같습니다. 넘 길어서...별 필요없을듯.....
---------------------------------------------------------
<html>
<head>
<base href="http://www.milimtrade.com">
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<script language="JavaScript">
<!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('+ '+ 'Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+ '+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
function na_hide_layer(lname)
{
if (document.layers)
document.layers[lname].visibility = 'hide'
if(document.all)
document.all(lname).style.visibility = 'hidden'
}
function na_show_layer(lname)
{
if(document.layers)
document.layers[lname].visibility = 'show'
if(document.all)
document.all(lname).style.visibility = 'visible'
}
function na_init_layer_events()
{
if (document.layers) {
document.layers['layer1'].captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
document.layers['layer1'].onmouseout = new Function("na_hide_layer('layer1');na_restore_img_src('a', 'document');");
document.layers['layer1'].onmouseover = new Function("na_show_layer('layer1');na_change_img_src('a', 'document', 'images/menu01_over.gif', true);");
document.layers['layer2'].captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
document.layers['layer2'].onmouseout = new Function("na_hide_layer('layer2');na_restore_img_src('c', 'document');");
document.layers['layer2'].onmouseover = new Function("na_show_layer('layer2');na_change_img_src('c', 'document', 'images/menu03_over.gif', true);");
document.layers['layer3'].captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
document.layers['layer3'].onmouseout = new Function("na_hide_layer('layer3');na_restore_img_src('f', 'document');");
document.layers['layer3'].onmouseover = new Function("na_show_layer('layer3');na_change_img_src('f', 'document', 'images/menu06_over.gif', true);");
}
}
// -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="na_preload_img(false, 'images/menu01_over.gif', 'images/menu02_over.gif', 'images/menu03_over.gif', 'images/menu04_over.gif', 'images/menu05_over.gif', 'images/menu06_over.gif', 'images/menu07_over.gif', 'images/menu08_over.gif');na_init_layer_events();" style="text-decoration:none;">
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td width="200" colspan="2">
<p><img src="images/s_logo.gif" width="200" height="40" border="0"></p>
</td>
<td width="100">
<p> </p>
</td>
<td width="100">
<p> </p>
</td>
<td width="100">
<p> </p>
</td>
<td width="300" colspan="3">
<p align="right"><img src="images/sitemap_bar.gif" width="244" height="30" border="0" usemap="#ImageMap1"></p>
</td>
</tr>
<tr>
<td width="100">
<p><a OnMouseOver="na_change_img_src('a', 'document', 'images/menu01_over.gif', true);na_show_layer('layer1');" OnMouseOut="na_restore_img_src('a', '+ 'document');na_hide_layer('layer1');" href="company/company.php"><img src="images/menu01_off.gif" width="100" height="40" border="0" name="a"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('b', 'document', 'images/menu02_over.gif', true);" OnMouseOut="na_restore_img_src('b', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=notice"><img src="images/menu02_off.gif" width="100" height="40" border="0" name="b"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('c', 'document', 'images/menu03_over.gif', true);na_show_layer('layer2');" OnMouseOut="na_restore_img_src('c', 'document');na_hide_layer('layer2');" href="http://www.milimtrade.com/product/sbr.php"><img src="images/menu03_off.gif" width="100" height="40" border="0" name="c"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('d', 'document', 'images/menu04_over.gif', true);" OnMouseOut="na_restore_img_src('d', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=tecinfo"><img src="images/menu04_off.gif" width="100" height="40" border="0" name="d"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('e', 'document', 'images/menu05_over.gif', true);" OnMouseOut="na_restore_img_src('e', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=trade"><img src="images/menu05_off.gif" width="100" height="40" border="0" name="e"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('f', 'document', 'images/menu06_over.gif', true);na_show_layer('+ 'layer3');" OnMouseOut="na_restore_img_src('f', 'document');na_hide_layer('layer3');"><img src="images/menu06_off.gif" width="100" height="40" border="0" name="f"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('g', '+ 'document', 'images/menu07_over.gif', true);" OnMouseOut="na_restore_img_src('g', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=pds"><img src="images/menu07_off.gif" width="100" height="40" border="0" name="g"></a></p>
</td>
<td width="100">
<p><a OnMouseOut="na_restore_img_src('h', 'document');" OnMouseOver="na_change_img_src('h', 'document', 'images/menu08_over.gif', true);" href="http://www.milimtrade.com/zb41/zboard.php?id=bookmark"><img src="images/menu08_off.gif" width="100" height="40" border="0" name="h"></a></p>
</td>
</tr>
<tr>
<td width="800" height="27" colspan="8" bgcolor="#999999">
<p> </p>
</td>
</tr>
</table>
<div id="layer1" style="width:557px; height:30px; position:absolute; left:0px; top:72px; z-index:1; visibility:hidden;" OnMouseOut="na_hide_layer('layer1');na_restore_img_src('a', 'document');" OnMouseOver="na_show_layer('+ 'layer1');na_change_img_src('a', 'document', 'images/menu01_over.gif', true);">
<p><font size="2" color="black"><br></font><a href="http://www.milimtrade.com/company/company.php"><font size="2" color="black">대표이사 인사말</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/company/company_history.php"><font size="2" color="black">회사연혁</font></a><font size="2" color="black"> |
</font><a href="http://www.milimtrade.com/company/company_3.php"><font size="2" color="black">사업장안내</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/deal.php"><font size="2" color="black">취급분야</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/hongbo.php"><font size="2" color="black">홍보자료</font></a><font size="2" color="black"> | 채용정보
| 계열사</font></p>
</div>
<div id="layer2" style="width:376px; height:33px; position:absolute; left:200px; top:69px; z-index:1; visibility:hidden;" OnMouseOut="na_hide_layer('layer2');na_restore_img_src('c', 'document');" OnMouseOver="na_show_layer('layer2');na_change_img_src('c', 'document', 'images/menu03_over.gif', true);">
<p><br><a href="http://www.milimtrade.com/product/sbr.php"><font size="2" color="black">합성고무</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/product/epdm.php"><font size="2" color="black">EPDM</font></a></p>
</div>
<div id="layer3" style="width:304px; height:30px; position:absolute; left:435px; top:72px; z-index:1; visibility:hidden;" OnMouseOut="na_hide_layer('layer3');na_restore_img_src('f', 'document');" OnMouseOver="na_show_layer('layer3');na_change_img_src('f', 'document', 'images/menu06_over.gif', true);">
<p><font size="2"><br></font><a href="http://www.milimtrade.com/zb41/zboard.php?id=qna1"><font size="2" color="black">기술 및 구매문의</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/zb41/zboard.php?id=qna2"><font size="2" color="black">기타문의</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/zb41/zboard.php?id=board"><font size="2" color="black">자유게시판</font></a></p>
</div><map name="ImageMap1">
<area shape="rect" coords="14, 4, 76, 25" href="http://www.milimtrade.com" target="_parent">
<area shape="rect" coords="155, 1, 220, 21" href="mailto:admin@milimtrade.com">
</map>
</body>
</html>
소스를 아무리 뚫어져라 봐도..소스에 문외한이라서...도움을 받고자 ....
홈페이지에 레이어메뉴를 넣었는데요...메뉴부분을 menu.php라고 저장하고..매번 include시켜서 쓰고 있습니다.
문제는 처음에 index에서 불러지는 메뉴레이어는 텍스트데코레이션도 없고..글씨도 딱딱 맞는데..
다른 메뉴로 넘어가면...글씨도 제멋대로고....밑줄도 그어져있고.....
돌아버리겠네요..
style을 수정하면 된다는데...나모에 가서 menu표의 스타일을 효과없음으로 하고 글씨도 다 정해줬는데....안되네요..
한번 봐주시면 고맙겠는데요...
맨 처음화면에서...회사소개에 마우스오버하면 나타나는 서브레이어를 보신뒤....바로 옆 공지사항 메뉴를 클릭하신후 다시 회사소개의 서브레이어를 봐주세요.요..글씨체랑 다 바뀌어져서 나와여...
부탁드립니다.
제가 만들고 있는 홈은
http://www.milimtrade.com
입니다.
menu.php의 소스는 아래와 같습니다. 넘 길어서...별 필요없을듯.....
---------------------------------------------------------
<html>
<head>
<base href="http://www.milimtrade.com">
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<script language="JavaScript">
<!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('+ '+ 'Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+ '+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
function na_hide_layer(lname)
{
if (document.layers)
document.layers[lname].visibility = 'hide'
if(document.all)
document.all(lname).style.visibility = 'hidden'
}
function na_show_layer(lname)
{
if(document.layers)
document.layers[lname].visibility = 'show'
if(document.all)
document.all(lname).style.visibility = 'visible'
}
function na_init_layer_events()
{
if (document.layers) {
document.layers['layer1'].captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
document.layers['layer1'].onmouseout = new Function("na_hide_layer('layer1');na_restore_img_src('a', 'document');");
document.layers['layer1'].onmouseover = new Function("na_show_layer('layer1');na_change_img_src('a', 'document', 'images/menu01_over.gif', true);");
document.layers['layer2'].captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
document.layers['layer2'].onmouseout = new Function("na_hide_layer('layer2');na_restore_img_src('c', 'document');");
document.layers['layer2'].onmouseover = new Function("na_show_layer('layer2');na_change_img_src('c', 'document', 'images/menu03_over.gif', true);");
document.layers['layer3'].captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
document.layers['layer3'].onmouseout = new Function("na_hide_layer('layer3');na_restore_img_src('f', 'document');");
document.layers['layer3'].onmouseover = new Function("na_show_layer('layer3');na_change_img_src('f', 'document', 'images/menu06_over.gif', true);");
}
}
// -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="na_preload_img(false, 'images/menu01_over.gif', 'images/menu02_over.gif', 'images/menu03_over.gif', 'images/menu04_over.gif', 'images/menu05_over.gif', 'images/menu06_over.gif', 'images/menu07_over.gif', 'images/menu08_over.gif');na_init_layer_events();" style="text-decoration:none;">
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td width="200" colspan="2">
<p><img src="images/s_logo.gif" width="200" height="40" border="0"></p>
</td>
<td width="100">
<p> </p>
</td>
<td width="100">
<p> </p>
</td>
<td width="100">
<p> </p>
</td>
<td width="300" colspan="3">
<p align="right"><img src="images/sitemap_bar.gif" width="244" height="30" border="0" usemap="#ImageMap1"></p>
</td>
</tr>
<tr>
<td width="100">
<p><a OnMouseOver="na_change_img_src('a', 'document', 'images/menu01_over.gif', true);na_show_layer('layer1');" OnMouseOut="na_restore_img_src('a', '+ 'document');na_hide_layer('layer1');" href="company/company.php"><img src="images/menu01_off.gif" width="100" height="40" border="0" name="a"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('b', 'document', 'images/menu02_over.gif', true);" OnMouseOut="na_restore_img_src('b', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=notice"><img src="images/menu02_off.gif" width="100" height="40" border="0" name="b"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('c', 'document', 'images/menu03_over.gif', true);na_show_layer('layer2');" OnMouseOut="na_restore_img_src('c', 'document');na_hide_layer('layer2');" href="http://www.milimtrade.com/product/sbr.php"><img src="images/menu03_off.gif" width="100" height="40" border="0" name="c"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('d', 'document', 'images/menu04_over.gif', true);" OnMouseOut="na_restore_img_src('d', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=tecinfo"><img src="images/menu04_off.gif" width="100" height="40" border="0" name="d"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('e', 'document', 'images/menu05_over.gif', true);" OnMouseOut="na_restore_img_src('e', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=trade"><img src="images/menu05_off.gif" width="100" height="40" border="0" name="e"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('f', 'document', 'images/menu06_over.gif', true);na_show_layer('+ 'layer3');" OnMouseOut="na_restore_img_src('f', 'document');na_hide_layer('layer3');"><img src="images/menu06_off.gif" width="100" height="40" border="0" name="f"></a></p>
</td>
<td width="100">
<p><a OnMouseOver="na_change_img_src('g', '+ 'document', 'images/menu07_over.gif', true);" OnMouseOut="na_restore_img_src('g', 'document');" href="http://www.milimtrade.com/zb41/zboard.php?id=pds"><img src="images/menu07_off.gif" width="100" height="40" border="0" name="g"></a></p>
</td>
<td width="100">
<p><a OnMouseOut="na_restore_img_src('h', 'document');" OnMouseOver="na_change_img_src('h', 'document', 'images/menu08_over.gif', true);" href="http://www.milimtrade.com/zb41/zboard.php?id=bookmark"><img src="images/menu08_off.gif" width="100" height="40" border="0" name="h"></a></p>
</td>
</tr>
<tr>
<td width="800" height="27" colspan="8" bgcolor="#999999">
<p> </p>
</td>
</tr>
</table>
<div id="layer1" style="width:557px; height:30px; position:absolute; left:0px; top:72px; z-index:1; visibility:hidden;" OnMouseOut="na_hide_layer('layer1');na_restore_img_src('a', 'document');" OnMouseOver="na_show_layer('+ 'layer1');na_change_img_src('a', 'document', 'images/menu01_over.gif', true);">
<p><font size="2" color="black"><br></font><a href="http://www.milimtrade.com/company/company.php"><font size="2" color="black">대표이사 인사말</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/company/company_history.php"><font size="2" color="black">회사연혁</font></a><font size="2" color="black"> |
</font><a href="http://www.milimtrade.com/company/company_3.php"><font size="2" color="black">사업장안내</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/deal.php"><font size="2" color="black">취급분야</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/hongbo.php"><font size="2" color="black">홍보자료</font></a><font size="2" color="black"> | 채용정보
| 계열사</font></p>
</div>
<div id="layer2" style="width:376px; height:33px; position:absolute; left:200px; top:69px; z-index:1; visibility:hidden;" OnMouseOut="na_hide_layer('layer2');na_restore_img_src('c', 'document');" OnMouseOver="na_show_layer('layer2');na_change_img_src('c', 'document', 'images/menu03_over.gif', true);">
<p><br><a href="http://www.milimtrade.com/product/sbr.php"><font size="2" color="black">합성고무</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/product/epdm.php"><font size="2" color="black">EPDM</font></a></p>
</div>
<div id="layer3" style="width:304px; height:30px; position:absolute; left:435px; top:72px; z-index:1; visibility:hidden;" OnMouseOut="na_hide_layer('layer3');na_restore_img_src('f', 'document');" OnMouseOver="na_show_layer('layer3');na_change_img_src('f', 'document', 'images/menu06_over.gif', true);">
<p><font size="2"><br></font><a href="http://www.milimtrade.com/zb41/zboard.php?id=qna1"><font size="2" color="black">기술 및 구매문의</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/zb41/zboard.php?id=qna2"><font size="2" color="black">기타문의</font></a><font size="2" color="black"> | </font><a href="http://www.milimtrade.com/zb41/zboard.php?id=board"><font size="2" color="black">자유게시판</font></a></p>
</div><map name="ImageMap1">
<area shape="rect" coords="14, 4, 76, 25" href="http://www.milimtrade.com" target="_parent">
<area shape="rect" coords="155, 1, 220, 21" href="mailto:admin@milimtrade.com">
</map>
</body>
</html>
댓글 2
-
김한새결
2003.08.08 00:42
-
라이코스
2003.08.08 11:22
김한새결님이 말씀하신대로 저 위의 태그를 menu.php의 body부분에 삽입을 했는데..그래도 안되는데요...
공지사항 갔다가...다시 회사소개 눌러보면 그대론데...
근데..div 라는건 무슨뜻이지요?
div { text-decoration:none }
</style>