1차 가로에 2차 세로메뉴를 1차 가로에 2차 가로로 변경하려는데 도와주십시오 정보
1차 가로에 2차 세로메뉴를 1차 가로에 2차 가로로 변경하려는데 도와주십시오본문
1차 가로 2차 세로메뉴가 원본입니다. 이것을 css를 수정해서 1가로에 2차 가로로 만들려고 하는데 도통 안됩니다..ㅠ.ㅠ
------------------------------------------------
<div id="menu" class="menu <?=$menu?>">
<div class="inset">
<div class="major"><!-- class="major + (m1~m12)"-->
<ul>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=2&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0"><span>ㅁㄴㅇㄹ</span></a>
<div class="sub">
<ul>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=2&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㄹ</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=7&page=0">연혁</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=4&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㄻㄹ</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=6&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㅇㄹ</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=5&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㅇㄹ</a></li>
</ul>
</div>
</li>
<li><a target="_blank" href="http://www.ubus.kr"><span>ㅁㄴㅇㄹ</span></a>
<div class="sub">
<ul>
<li><a target="_blank" href="http://www.ubus.kr/uboard/board.php?bo_table=ofo_06"><span>ㅁㄴㅇㄻ</span></a></li>
<li><a target="_blank" href="http://www.ubus.kr/uboard/board.php?bo_table=ofo_03"><span>ㅁㄴㄻㄹ</span></a></li>
</ul>
</div>
</li>
</ul>
</div>
/* Menu Sub */
.menu .major .sub{float:left; position:absolute; top:100%; left:-1px; margin:2px 0 0 0; display:none; width:0px; *width:auto;list-style:none;}
.menu .major li.active .sub{float:left; display:block;}
.menu .major .sub ul{float:left; margin:0; padding:0px; border:1px solid #878787; border-top:0; background:#fff;z-index:9999;list-style:none;}
.menu .major .sub li{float:left; clear:both; display:block; display:inline; border:0; margin:0; padding:0;list-style:none;}
.menu .major .sub a{float:left; clear:both; display:block; padding:0 !important; margin:0; background-image:none !important; filter:none; list-style:none;}
.menu .major .sub a span{float:left; display:inline-block; height:auto; padding:0px 0px; font-weight:normal; color:#767676; border:0;}
------------------------------------------------
<div id="menu" class="menu <?=$menu?>">
<div class="inset">
<div class="major"><!-- class="major + (m1~m12)"-->
<ul>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=2&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0"><span>ㅁㄴㅇㄹ</span></a>
<div class="sub">
<ul>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=2&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㄹ</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=7&page=0">연혁</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=4&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㄻㄹ</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=6&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㅇㄹ</a></li>
<li><a href="/bbs/board.php?bo_table=PRIMEASSET&wr_id=5&page=0&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0">ㅁㄴㅇㄹ</a></li>
</ul>
</div>
</li>
<li><a target="_blank" href="http://www.ubus.kr"><span>ㅁㄴㅇㄹ</span></a>
<div class="sub">
<ul>
<li><a target="_blank" href="http://www.ubus.kr/uboard/board.php?bo_table=ofo_06"><span>ㅁㄴㅇㄻ</span></a></li>
<li><a target="_blank" href="http://www.ubus.kr/uboard/board.php?bo_table=ofo_03"><span>ㅁㄴㄻㄹ</span></a></li>
</ul>
</div>
</li>
</ul>
</div>
/* Menu Sub */
.menu .major .sub{float:left; position:absolute; top:100%; left:-1px; margin:2px 0 0 0; display:none; width:0px; *width:auto;list-style:none;}
.menu .major li.active .sub{float:left; display:block;}
.menu .major .sub ul{float:left; margin:0; padding:0px; border:1px solid #878787; border-top:0; background:#fff;z-index:9999;list-style:none;}
.menu .major .sub li{float:left; clear:both; display:block; display:inline; border:0; margin:0; padding:0;list-style:none;}
.menu .major .sub a{float:left; clear:both; display:block; padding:0 !important; margin:0; background-image:none !important; filter:none; list-style:none;}
.menu .major .sub a span{float:left; display:inline-block; height:auto; padding:0px 0px; font-weight:normal; color:#767676; border:0;}
댓글 전체