지금 메인메뉴에 나오는 메뉴위치가 좀 비정상적이에요.ㅜ.ㅜ 정보
지금 메인메뉴에 나오는 메뉴위치가 좀 비정상적이에요.ㅜ.ㅜ본문
오류 주소 : http://hunetkorea.com/bbs/board.php?bo_table=sksolu_01
메인 메뉴들이 가로로 좌악 나와야 하는뎅 바보 같이 아래로 뚝 떨어져서 나와요.
이게 diplay의 규칙만 잘 이해하면 될것 같은데 함번 봐주세요. ㅜ.ㅜ
참고로 html과css 소스들은 요래요
#wrapper {
margin: 0px auto;
overflow: hidden;
}
/* MENU STYLE - IGNORE EVERYTHING ABOVE THIS LINE IF YOU WISH */
#menu {
clear: both;
}
ul#nav {
position:relative;
height: 40px;
float: left;
width: 988px;
margin: 0;
padding: 0;
list-style: none;
background: #dc0000 url(menu.jpg) repeat-x;
}
ul#nav li {
display: inline;
}
ul#nav li a {
float: left;
line-height: 40px;
color: #fff;
text-decoration: none;
margin: 0;
padding: 0 0px;
}
/* APPLIES THE ACTIVE STATE */
ul#nav .current a, ul#nav li:hover > a {
color: #222;
text-decoration: none;
}
/* THE SUBMENU LIST HIDDEN BY DEFAULT */
ul#nav ul {
position:relative;
display: none;
}
/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
ul#nav li:hover > ul {
display: block;
width: 982px;
height: 38px;
margin:0px 0 0 0;
background: url(mainmenubg.jpg);
}
ul#nav li:hover > ul li a {
vertical-align:top;
border-left:1px solid #eee;
border-right:1px solid #eee;
height:12px;
display: inline;
float: left;
font: normal 1.1em "돋움";
color: #222;
text-decoration: none;
margin: 15px 0 ;
padding: 0 15px 0 15px;
}
ul#nav li:hover > ul.g li.g1 a{
margin:15px 0 0 15px;
}
ul#nav li:hover > ul.gu li.gu1 a{
margin:15px 0 0 200px;
}
ul#nav li:hover > ul.gun li.gun1 a{
margin:15px 0 0 280px;
}
ul#nav li:hover > ul.gune li.gune1 a{
margin:15px 0 0 780px;
}
html
<div id="wrapper" align="center">
<div id="menu" align="center">
<ul id="nav" >
<li><a href="../bbs/board.php?bo_table=skcall_01"><img src="../images/sk/main/menu/menu1.gif" /></a>
<ul class="g">
<li class="g1"><a href="../bbs/board.php?bo_table=skcall_01">일반전화</a></li>
<li ><a href="../bbs/board.php?bo_table=skcall_03">인터넷전화</a></li>
<li ><a href="../bbs/board.php?bo_table=skcall_07">부가전화</a></li>
<li ><a href="../bbs/board.php?bo_table=skcall_09">영상레터링</a></li>
</ul>
</li>
<li><a href="../bbs/board.php?bo_table=skdata_01"><img src="../images/sk/main/menu/menu2.gif" /></a>
<ul class="gu">
<li class="gu1"><a href="../bbs/board.php?bo_table=skdata_01">전용회선</a></li>
<li><a href="../bbs/board.php?bo_table=skdata_04">인터넷전용회선</a></li>
<li><a href="../bbs/board.php?bo_table=skdata_07">VPN</a></li>
<li><a href="../bbs/board.php?bo_table=skdata_08">부가서비스</a></li>
</ul>
</li>
<li><a href="../bbs/board.php?bo_table=sksolu_01"><img src="../images/sk/main/menu/menu3.gif" /></a>
<ul class="gun">
<li class="gun1"><a href="../bbs/board.php?bo_table=sksolu_01">비즈메시징</a></li>
<li><a href="../bbs/board.php?bo_table=sksolu_02">W-Zone</a></li>
<li><a href="../bbs/board.php?bo_table=sksolu_03">컨텍센터</a></li>
<li><a href="../bbs/board.php?bo_table=sksolu_04">웹팩스</a></li>
<li><a href="../bbs/board.php?bo_table=sksolu_05">매니지드</a></li>
<li><a href="../bbs/board.php?bo_table=sksolu_06">컨퍼런스쿨</a></li>
<li><a href="../bbs/board.php?bo_table=sksolu_07">프렌차이즈</a></li>
<li><a href="../bbs/board.php?bo_table=sksolu_08">결합/패키지</a></li>
</ul>
</li>
<li><a href="../bbs/board.php?bo_table=skcommu_01"><img src="../images/sk/main/menu/menu4.gif" /></a>
<ul class="gune">
<li class="gune1"><a href="../bbs/board.php?bo_table=skcommu_01">구내전화</a></li>
<li><a href="../bbs/board.php?bo_table=skcommu_02">구내데이터</a></li>
</ul>
</li>
</ul>
</div>
댓글 전체