드롭메뉴 가운데정렬좀 도와주세요(재올림 소스첨부)

드롭메뉴 가운데정렬좀 도와주세요(재올림 소스첨부) > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

드롭메뉴 가운데정렬좀 도와주세요(재올림 소스첨부) 정보

드롭메뉴 가운데정렬좀 도와주세요(재올림 소스첨부)

팬플 자기소개 아이디로 검색 회원게시물
2013.03.04 18:34:54
조회 1,507
댓글 5

첨부파일

내용뉴.zip (4.2K) 5회 다운로드 2013-03-04 19:59:14

본문

<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; } //이부분이 문제가 되는 부분입니다.

-------------------------------------------------------------------

일케 옮겨져야하는데 안옮겨지내요..사진과 상황이 비슷해서..비슷한 사진올립니다..

답변해주신거 해봤는데 다안되서 다시 올립니다..소스랑