테스트 사이트 - 개발 중인 베타 버전입니다

css 질문..ㅠ.ㅠ 채택완료

꼬레아넷 11년 전 조회 4,142

</p><p><style></p><p>
.barte a:focus, .barte a:hover {z-index:100;text-decoration:none;background-color:#0042af;color:#fff;}
.bartet td b{ color:#1e58b8; font-size:1.2em;}</p><p>.barte a {
 float:left;
 width:156px; height:38px;
 margin-right:3px;
 margin-bottom:3px;
    background-color: #e2e6eb;
    color: #7a8186;
    text-decoration: none;
    vertical-align: middle;
    font-size:1em;
 border: solid 1px #c8ccd5;
 text-align:center;</p><p> 
}
.barte a li { margin-top:7px; }
.barte a:focus, .barte a:hover {z-index:100;text-decoration:none;background-color:#0042af;color:#fff;}​</p><p></style></p><p><table border="0" cellspacing="0" cellpadding="0" class="bartet">
    </tr>
     <td height="40" style="padding-top:10px;"><b>건식</b></td>
    </tr>
    <tr>
     <td>
      <ul class="barte">
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=1&sca=건식"><li>Air Classifier Mill
(ACM)</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=2&sca=건식"><li>Fluid jet Mill
(horizonal type)</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=3&sca=건식"><li>Fluid jet Mill
(Veritical type)</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=4&sca=건식"><li style="padding-top:5px;">Impact Pin Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=5&sca=건식"><li style="padding-top:5px;">Fine Impact Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=6&sca=건식"><li style="padding-top:5px;">Hammer Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=7&sca=건식"><li style="padding-top:5px;">Super Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=8&sca=건식"><li style="padding-top:5px;">Atomizer Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=9&sca=건식"><li style="padding-top:5px;">Micro Jet Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=10&sca=건식"><li style="padding-top:5px;">Cryogenic Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=11&sca=건식"><li style="padding-top:5px;">Turbo Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=12&sca=건식"><li style="padding-top:5px;">Micron Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=13&sca=건식"><li style="padding-top:5px;">Vibrating Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=14&sca=건식"><li style="padding-top:5px;">Ball Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=15&sca=건식"><li style="padding-top:5px;">Colloid Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=16&sca=건식"><li style="padding-top:5px;">Disk Mill</li></a>
      <a href="/new/bbs/board.php?bo_table=m02_1&wr_id=17&sca=건식"><li style="padding-top:5px;">Impact Disk Mill</li></a>
      </ul> 
      
     </td>              
    </tr>​</p><p></table></p><p> </p><p><p>

 

 

 

전 가로로 버튼 6개로 맞추고 싶은데 저 빨간 여백을 해결못해서 6개가 안되고 5개로 되네요 ㅠㅠ

도와주세요...흑 

 

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

답변 3개

11년 전

문법적인 문제도 있지만

간단하게 해결했습니다!!

 

<ul class="barte" style="padding-left:0px" >

로 추가했더니 되네요 ! 허허..

 

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

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

b
11년 전

.barte a { width: 16%; } 

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

답변에 대한 댓글 1개

꼬레아넷
11년 전
가로를 줄여서 6개는 되었으나 좌측 여백은 그대로네요 ㅠㅠ

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

11년 전
.blate ul {padding:0; margin:0;}
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

꼬레아넷
11년 전
것도 시도해봤는데 안되었어요 ㅠㅠ

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

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

로그인