목록으로

가로로 정렬 가능한가요? 채택완료

RedDJ

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전 조회 2,554

답변 1

세로말고 가로로 할 수 없나요?

#영카트5

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

답변 1개

정렬:

채택된 답변

+20 포인트

하얀마녀

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

</p><p><style type="text/css"> </p><p>#tabMenu ul li { float:left; }</p><p></style></p><p>

float 속성을 거시고, ul에 width를 주시면 되실거에요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

RedDJ

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

해볼께요 감사합니다.

RedDJ

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

가로로 되긴했는데... 메뉴 롤오버가 안됩니다. ㅠㅠ

[code] <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>[/code]

가로로 되긴했는데... 메뉴 롤오버가 안됩니다. ㅠㅠ

[code] <div id="wrap">

<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>[/code]