드롭메뉴 가운데정렬좀 도와주세요(재올림 소스첨부)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<title>Untitled Document</title>
<script type="text/javascript">
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];}
}
</script>
<style type="text/css">
ul,li { margin:0; padding:0; }
#globalNavi { background: url(image/navi.jpg) repeat-x; height: 28px; padding-top: 7px; text-align: center; }
#nav { width: 900px; margin: 0 auto; position: relative; line-height:1; text-align: left; }
#nav li { list-style: none; float: left; position: relative; }
#nav ul { display: none; position: absolute; top: 29px; left: 0; }
* html #nav ul { line-height: 0; }
#nav ul li { float: none; }
#nav ul { width: 120px; }
#nav ul ul { top: 0; left: 121px; }
#nav ul a {
display: block;
width: 108px;
background:#121212;
padding: 6px;
color: #FFF;
border-bottom: 1px solid #FFF;
opacity: 0.7;
filter: alpha(opacity=70);
zoom: 1;
line-height: 1;
}
#nav ul a.hover { background: #444; }
</style>
<link rel="stylesheet" href="css/nav.css" type="text/css" />
<script type="text/javascript" src="stuHover.js"></script>
<link rel="stylesheet" href="menu.css" type="text/css" />
</style>
</head>
<body onload="MM_preloadImages('images/menu_02_over.gif','images/menu_03_over.gif','images/menu_05_over.gif','images/menu_06_over.gif')">
<table width="1200" border="0">
<tr>
<td colspan="2"><table id="Table_" width="1202" height="93" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="222" height="93" valign="top"><a href="./index.php"><img src="./images/top_sujung_02.gif" width="222" height="93" border="0" usemap= "#Map" /></a></td>
<td width="742" height="93"> </td>
<td width="41" height="84" valign="top"><a href="./index.php"><img src="./images/top_sujung_04.gif" alt="" width="41" height="84" border="0" usemap="#Map" /></a></td>
<td width="59" height="84" valign="top"><img src="./images/top_sujung_05.gif" width="59" height="84" alt="" /></td>
<td width="138" height="84" valign="top"><img src="./images/top_sujung_06.gif" width="43" height="84" alt="" /></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top"><table id="Table_2" width="1161" height="54" border="0" cellpadding="0" cellspacing="0">
<tr>
<ul>
<li>거제스토리메인
<ul>
<li><a href="">하위메뉴1</a></li>
<li><a href="">하위메뉴2</a></li>
<li><a href="">하위메뉴3</a></li>
<li><a href="">하위메뉴4</a></li>
</ul>
</li>
<li>bbbbbbbbbbb
<ul>
<li><a href="">aaaaa
</a></li>
<li><a href="">bbbbb</a></li>
<li><a href="">ccccc</a></li>
</ul>
</li>
<li>cccccccccccc
<ul>
<li><a href="">aaaaa</a></li>
<li><a href="">bbbb</a></li>
<li><a href="">ccccc</a></li>
<li><a href="">dddd</a></li>
<li><a href="">eeee</a></li>
</ul>
</li>
</ul>
</tr>
</table></td>
</tr>
<tr>
<script type="text/javascript">
css
ul {
padding: 0;
margin:0 auto;
list-style: none;
hight: 50px;
}
li {
float: left;
position: relative;
width: 13em;
}
li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
}
li > ul {
top: auto;
left: auto;
}
li:hover ul { display: block; } //이부분이 문제가 되는 부분입니다.
-------------------------------------------------------------------
일케 옮겨져야하는데 안옮겨지내요..사진과 상황이 비슷해서..비슷한 사진올립니다..
답변해주신거 해봤는데 다안되서 다시 올립니다..소스랑
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<title>Untitled Document</title>
<script type="text/javascript">
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];}
}
</script>
<style type="text/css">
ul,li { margin:0; padding:0; }
#globalNavi { background: url(image/navi.jpg) repeat-x; height: 28px; padding-top: 7px; text-align: center; }
#nav { width: 900px; margin: 0 auto; position: relative; line-height:1; text-align: left; }
#nav li { list-style: none; float: left; position: relative; }
#nav ul { display: none; position: absolute; top: 29px; left: 0; }
* html #nav ul { line-height: 0; }
#nav ul li { float: none; }
#nav ul { width: 120px; }
#nav ul ul { top: 0; left: 121px; }
#nav ul a {
display: block;
width: 108px;
background:#121212;
padding: 6px;
color: #FFF;
border-bottom: 1px solid #FFF;
opacity: 0.7;
filter: alpha(opacity=70);
zoom: 1;
line-height: 1;
}
#nav ul a.hover { background: #444; }
</style>
<link rel="stylesheet" href="css/nav.css" type="text/css" />
<script type="text/javascript" src="stuHover.js"></script>
<link rel="stylesheet" href="menu.css" type="text/css" />
</style>
</head>
<body onload="MM_preloadImages('images/menu_02_over.gif','images/menu_03_over.gif','images/menu_05_over.gif','images/menu_06_over.gif')">
<table width="1200" border="0">
<tr>
<td colspan="2"><table id="Table_" width="1202" height="93" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="222" height="93" valign="top"><a href="./index.php"><img src="./images/top_sujung_02.gif" width="222" height="93" border="0" usemap= "#Map" /></a></td>
<td width="742" height="93"> </td>
<td width="41" height="84" valign="top"><a href="./index.php"><img src="./images/top_sujung_04.gif" alt="" width="41" height="84" border="0" usemap="#Map" /></a></td>
<td width="59" height="84" valign="top"><img src="./images/top_sujung_05.gif" width="59" height="84" alt="" /></td>
<td width="138" height="84" valign="top"><img src="./images/top_sujung_06.gif" width="43" height="84" alt="" /></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top"><table id="Table_2" width="1161" height="54" border="0" cellpadding="0" cellspacing="0">
<tr>
<ul>
<li>거제스토리메인
<ul>
<li><a href="">하위메뉴1</a></li>
<li><a href="">하위메뉴2</a></li>
<li><a href="">하위메뉴3</a></li>
<li><a href="">하위메뉴4</a></li>
</ul>
</li>
<li>bbbbbbbbbbb
<ul>
<li><a href="">aaaaa
</a></li>
<li><a href="">bbbbb</a></li>
<li><a href="">ccccc</a></li>
</ul>
</li>
<li>cccccccccccc
<ul>
<li><a href="">aaaaa</a></li>
<li><a href="">bbbb</a></li>
<li><a href="">ccccc</a></li>
<li><a href="">dddd</a></li>
<li><a href="">eeee</a></li>
</ul>
</li>
</ul>
</tr>
</table></td>
</tr>
<tr>
<script type="text/javascript">
css
ul {
padding: 0;
margin:0 auto;
list-style: none;
hight: 50px;
}
li {
float: left;
position: relative;
width: 13em;
}
li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
}
li > ul {
top: auto;
left: auto;
}
li:hover ul { display: block; } //이부분이 문제가 되는 부분입니다.
-------------------------------------------------------------------
일케 옮겨져야하는데 안옮겨지내요..사진과 상황이 비슷해서..비슷한 사진올립니다..
답변해주신거 해봤는데 다안되서 다시 올립니다..소스랑
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 5개
진짜 잠을잘수가 없내요..
제이쿼리와 연동되는 메뉴이므로 전체적이 파일이 있어야 테스트가 가능 합니다.
계속 스크립트 에러만 뿜내요.....ㅠㅠ
작업중인 사이트 링크만 해주시면 될듯한데... 스크립트가 tr하고 td 사이에 막 들어가있고 ㅡㅡ;;