중앙정렬 메뉴구성하려면 .. 정보
중앙정렬 메뉴구성하려면 ..본문
많은 곳에 노크를 해 봤는데
답변을 얻기가 어렵네요..
중앙정렬 메뉴에서 주메뉴 마우스오버시 서브메뉴 레이어가
아래쪽으로 나타나게 하려는데 .. 이거 정말 어렵네요..
이리저리해봐도 브라우져나 사이즈에 따라 뒤틀리고..
어떤 방법으로 해결해야 할지 고수님들 부탁드립니다.
어렵네요.. ㅜㅜㅜ
답변을 얻기가 어렵네요..
중앙정렬 메뉴에서 주메뉴 마우스오버시 서브메뉴 레이어가
아래쪽으로 나타나게 하려는데 .. 이거 정말 어렵네요..
이리저리해봐도 브라우져나 사이즈에 따라 뒤틀리고..
어떤 방법으로 해결해야 할지 고수님들 부탁드립니다.
어렵네요.. ㅜㅜㅜ
댓글 전체
<style type="text/css">
#top-menu { height:35px; background:#0068b7; margin:0 auto; width:980px;}
ul#nav { float:left; font-weight:bold; margin:12px 10px 5px 15px; position:relative; list-style: none;}
ul#nav li { display: inline; }
ul#nav li a { height:35px; float: left; margin: 0; padding: 0 15px; color:#ffffff;}
ul#nav ul { display:none; }
ul#nav li:hover > ul { position:absolute; margin: 25px 0 0 0; left:-15px; background: #eaeaea; height: 30px; width:980px; z-index:10; display:block; }
ul#nav li:hover > ul li a { float: left; margin-left:15px; margin-top:8px; color:#444444; }
</style>
<div id="top-menu">
<ul id="nav">
<li name="menu">메뉴01</li>
<li name="menu">메뉴02</li>
<li name="menu">메뉴03</li>
<ul>
<li>서브메뉴01</li>
<li>서브메뉴02</li>
<li>서브메뉴03</li>
</ul>
</li>
</ul>
</div>
응용하세요 .
#top-menu { height:35px; background:#0068b7; margin:0 auto; width:980px;}
ul#nav { float:left; font-weight:bold; margin:12px 10px 5px 15px; position:relative; list-style: none;}
ul#nav li { display: inline; }
ul#nav li a { height:35px; float: left; margin: 0; padding: 0 15px; color:#ffffff;}
ul#nav ul { display:none; }
ul#nav li:hover > ul { position:absolute; margin: 25px 0 0 0; left:-15px; background: #eaeaea; height: 30px; width:980px; z-index:10; display:block; }
ul#nav li:hover > ul li a { float: left; margin-left:15px; margin-top:8px; color:#444444; }
</style>
<div id="top-menu">
<ul id="nav">
<li name="menu">메뉴01</li>
<li name="menu">메뉴02</li>
<li name="menu">메뉴03</li>
<ul>
<li>서브메뉴01</li>
<li>서브메뉴02</li>
<li>서브메뉴03</li>
</ul>
</li>
</ul>
</div>
응용하세요 .