<style>
ul, li {margin:0; padding:0}
#menu {width:662px; height:40px;}
#menu .topmenu {float:left; }
#menu li {display:inline; position:relative;}
#menu li div {display: none;}
#menu li:hover div {display: block; position:absolute; margin-top:5px; width:500px; height:20px;}
#menu a {text-decoration:none; padding:3px 5px;}
</style>
<div id="menu">
<ul>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu01.gif" width="70" border="0" /></a></li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu02.gif" width="155" border="0"/></a>
<div>
<ul>
<li><a href="#"><img src="unique/common/image/main/menu02_1.gif" width="95" border="0"/></a></li>
<li><a href="#">Sub 22</a></li>
<li><a href="#">Sub 23</a></li>
<li><a href="#">Sub 24</a></li>
<li><a href="#">Sub 25</a></li>
<li><a href="#">Sub 24</a></li>
<li><a href="#">Sub 25</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu03.gif" width="121" height="20" border="0"/></a>
<div>
<ul>
<li><a href="#">Sub 31</a></li>
<li><a href="#">Sub 32</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu04.gif" width="117" height="20" border="0"/></a>
<div>
<ul>
<li><a href="#">Sub 31</a></li>
<li><a href="#">Sub 32</a></li>
<li><a href="#">Sub 33</a></li>
<li><a href="#">Sub 34</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu05.gif" width="108" height="20" border="0"/></a> </li>
</ul>
</div>
이런소스인데요 하위메뉴가 나오질 않네요 ㅠㅠ 왜그런건지 알려주세요
답변 1개 / 댓글 5개
잘나오는데.... 혹시 쿼크모드 아니세요??? 쿼크모드는 css에 :hover 안먹혀요...
답변에 대한 댓글 5개
익스플로러로 보신다면 f12누르시면 아래에 창이하나 올라오는데 거기에서 문서모드를 표준이나 지금 사용하시는 버전으로 바꿔주시면되요.
제작툴의 미리보기는 거의다 쿼크모드로 되어 있을꺼에요 일반 브라우저에서 보는거랑 차이가 좀 많죠 ^^
<meta http-equiv="X-UA-Compatible" content="IE=edge">
라고 최신버전을 유지하게 하는데 일부 '옛날' 사이트들이 ie=5나 쿼크를 사용하고있어요.
이제 사용자분들이 그런 사이트 들렸다가 우리 사이트에 왔는데 메타가 없어서 쿼크모드로 되어있으면 안나올 수도 있으니 소스에 메타태그를 넣어주시는게 좋겠네요 ^^
지금 작업하고있는 사이트가 옛날사이트라서 그랬나봐요
감사합니다!!!ㅎㅎㅎ
답변을 작성하려면 로그인이 필요합니다.