SIR
목록
이전글 다음글
사

중앙정렬 메뉴구성하려면 ..

사이버
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 980 · 1
많은 곳에 노크를 해 봤는데
답변을 얻기가 어렵네요..

중앙정렬 메뉴에서 주메뉴 마우스오버시 서브메뉴 레이어가
아래쪽으로 나타나게 하려는데 .. 이거 정말 어렵네요..

이리저리해봐도 브라우져나 사이즈에 따라 뒤틀리고..

어떤 방법으로 해결해야 할지 고수님들 부탁드립니다.

어렵네요.. ㅜㅜㅜ
|
글쓰기

댓글 1개

웹웹프리존
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
<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>

응용하세요 .

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고