가로로 정렬 가능한가요?
본문
세로말고 가로로 할 수 없나요?
<div id="tabMenu">
<ul>
<li><a href="#" title="메뉴1">"메뉴</a></li>
<li><a href="#" title="메뉴2">메뉴1</a></li>
<li><a href="#" title="메뉴3">메뉴2></a></li>
<li><a href="#" title="메뉴4">메뉴3</a></li>
<li><a href="#" title="메뉴5">메뉴4></a></li>
<li><a href="#" title="메뉴6">메뉴5</a></li>
<li><a href="#" title="메뉴7">메뉴6</a></li>
</ul>
</div>
답변 1
<style type="text/css">
#tabMenu ul li { float:left; }
</style>
float 속성을 거시고, ul에 width를 주시면 되실거에요
해볼께요 감사합니다.
가로로 되긴했는데... 메뉴 롤오버가 안됩니다. ㅠㅠ
<div id="wrap">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<div id="tabMenu">
<ul>
<li><a href="#" title="메뉴2">메뉴1</a></li>
<li><a href="#" title="메뉴3">메뉴2</a></li>
<li><a href="#" title="메뉴4">메뉴3</a></li>
<li><a href="#" title="메뉴5">메뉴4</a></li>
<li><a href="#" title="메뉴6">메뉴5</a></li>
<li><a href="#" title="메뉴7">메뉴6</a></li>
<li><a href="#" title="메뉴7">메뉴7</a></li>
</ul>
</div>
<div id="tabSubMenu" >
<div><table width="100%" border="1" height="30" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#FF0004"> 1111</td>
</tr>
</tbody>
</table>
</div>
<div><table width="990" border="1">
<tbody>
<tr>
<td bgcolor="#FF9E00">22222 </td>
</tr>
</tbody>
</table>
</div>
<div><table width="100%" border="1">
<tbody>
<tr>
<td bgcolor="#FFE500">33333 </td>
</tr>
</tbody>
</table>
</div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#00BB0F">44444</td>
</tr>
</tbody>
</table>
</div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#2200FF">555555</td>
</tr>
</tbody>
</table></div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#0D00BB">6666666</td>
</tr>
</tbody>
</table></div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#7900FF">7777777</td>
</tr>
</tbody>
</table></div>
</div>
</div>
답변을 작성하시기 전에 로그인 해주세요.
