<div style="width:100%; height:31px;">
<table id="topmenu" style="float:right; margin-top:-3px; background-color:#004684;" width=840px width=27px border=0>
<tr>
<td width="40px"> </td>
<td>
<a href=">
<img src="../images/main/Menu/menu1.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu1_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu1.jpg';" /></a>
</td>
<td>
<a href=">
<img src="../images/main/Menu/menu2.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu2_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu2.jpg';" /></a>
</td>
<td>
<a href=">
<img src="../images/main/Menu/menu3.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu3_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu3.jpg';" /></a>
</td>
<td>
<a href=">
<img src="../images/main/Menu/menu4.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu4_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu4.jpg';" /></a>
</td>
<td>
<a href=">
<img src="../images/main/Menu/menu5.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu5_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu5.jpg';" /></a>
</td>
<td>
<a href=">
<img src="../images/main/Menu/menu6.jpg" width="96" height="27" onmouseOver="this.src='../images/main/Menu/menu6_2.jpg';" onmouseOut="this.src='../images/main/Menu/menu6.jpg';" /></a>
</td>
<td width="40px"> </td>
</tr>
</table>
</div>
위에 그림처럼 메뉴에 마우스오버하면 바로 하위메뉴가 촤라락 뜨게 어떻게 해??
이거 계속 못하고 있음 ㅠㅠㅠㅠㅠㅠ
위에는 메뉴코드
둥근종이컵
불숭이
나 웹쪽으로는 아예 몰라서 알려주세에에에에에에엥
둥근종이컵
https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_button
웹쪽만 못하는거면 대충 이 링크만 봐도 알겠지? 쉬워 쉬워
불숭이
그리고 상위에 relative주고 하위에 absolute 주면 딱 바로 아래에 나타나???
불숭이
개또라이
나중에 안좋은 습관으로 남을 수 있음
이상한데 시간 투자하지말자 ...
디자이너 아닌이상 걍 부트스트랩쓰자
html은 출력만 담당하자
js는 폼이냐 ㅋㅋ