td간격??글자간격..해결좀요 ㅠㅠ

 

위에 상단메뉴를 텍스트로 만들려구하는데요..글자사이 간격을 줘야돼나요 td에 width를 줘야하나요..??
 
간격을 알수가없으니 답답하네요 제가 임의로 간격줘봤는데..잘안돼네요ㅜㅜ
 
<table border="0" cellpadding="0" cellspacing="0">
         <tr>
          <td width="50" style="font-size:12px; color=#8a8a8a;">로그인</td>
          <td width="50" style="font-size:12px; color=#8a8a8a;">회원가입</td>
          <td width="350"></td>
          <td width="50" style="font-size:12px; color=#8a8a8a;">주문조회</td>
          <td width="50" style="font-size:12px; color=#8a8a8a;">장바구니</td>
          <td width="50" style="font-size:12px; color=#8a8a8a;">배송문의</td>
          <td width="50" style="font-size:12px; color=#8a8a8a;">고객센타</td>
          <td width="50" style="font-size:12px; color=#8a8a8a;">공지사항</td>
          <td width="100" style="font-size:12px; color=#8a8a8a;">전화상담구매</td>
         </tr>
        </table>
 
width를 알면 좋을텐데 방법이 없어서..어떻게 방법을 없을까요?? 위에꺼와 똑같이 만들수있는..방법
 
한수부탁드립니다..
|

댓글 2개

table 에 width="100%" 를 추가하시고,
<td width="350"></td>
에서 width="350" 을 제거해보세요.

ul 로 간단하게 짜보자면

<style>
ul {margin:0;padding:0;width:100%;border-bottom:1px solid #ddd;background:#f7f7f7;list-style:none;zoom:0 !important;zoom:1}
ul:after {display:block;visibility:hidden;clear:both;height:0;content:""}
ul li {float:left;padding:5px}
ul li.fr {float:right}
ul li a {font-size:12px;color:#8a8a8}
</style>

<ul>
<li><a href=''>로그인</a></li>
<li><a href=''>회원가입</a></li>
<li class='fr'><a href=''>주문조회</a></li>
<li class='fr'><a href=''>장바구니</a></li>
<li class='fr'><a href=''>배송문의</a></li>
<li class='fr'><a href=''>고객센타</a></li>
<li class='fr'><a href=''>공지사항</a></li>
<li class='fr'><a href=''>전화상담구매</a></li>
</ul>

처럼 짤 수 있겠네요.
만약 주문조회부터가 순서가 꺼꾸로 나오면

<li class='fr'><a href=''>전화상담구매</a></li>
<li class='fr'><a href=''>공지사항</a></li>
<li class='fr'><a href=''>고객센타</a></li>
<li class='fr'><a href=''>배송문의</a></li>
<li class='fr'><a href=''>장바구니</a></li>
<li class='fr'><a href=''>주문조회</a></li>

처럼 순서를 바꾸시면 됩니다.
테이블 코딩을 해야만 한다면 이렇게도 해볼수 있을듯 하네요

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="font-size:11px; color=#8a8a8a;text-align:left">
<a style="padding-right:10px" href="">로그인</a>
<a style="padding-right:10px" href="">회원가입</a>
</td>
<td style="font-size:11px; color=#8a8a8a;text-align:right">
<a style="padding-right:10px" href="">주문조회</a>
<a style="padding-right:10px" href="">장바구니</a>
<a style="padding-right:10px" href="">배송문의</a>
<a style="padding-right:10px" href="">고객센타</a>
<a style="padding-right:10px" href="">공지사항</a>
<a style="padding-right:10px" href="">전화상담구매</a>
</td>
</tr>
</table>
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
13년 전 조회 2,327
13년 전 조회 2,011
13년 전 조회 6,734
13년 전 조회 1,635
13년 전 조회 991
13년 전 조회 794
13년 전 조회 1,201
13년 전 조회 1,243
13년 전 조회 1,091
13년 전 조회 886
13년 전 조회 1,327
13년 전 조회 1,633
13년 전 조회 1,024
13년 전 조회 844
13년 전 조회 1,339
13년 전 조회 1,798
13년 전 조회 1,147
13년 전 조회 2,424
13년 전 조회 1,325
13년 전 조회 930
13년 전 조회 1,511
13년 전 조회 1,636
13년 전 조회 1,727
13년 전 조회 870
13년 전 조회 1,603
13년 전 조회 1,219
13년 전 조회 2,751
13년 전 조회 1,249
13년 전 조회 1,148
13년 전 조회 1,006
13년 전 조회 1,458
13년 전 조회 1,062
13년 전 조회 1,808
13년 전 조회 1,391
13년 전 조회 1,038
13년 전 조회 1,002
13년 전 조회 7,509
13년 전 조회 1,039
13년 전 조회 887
13년 전 조회 2,134
13년 전 조회 1,994
13년 전 조회 1,157
13년 전 조회 851
13년 전 조회 1,546
13년 전 조회 1,247
13년 전 조회 1,373
13년 전 조회 3,361
13년 전 조회 1,037
13년 전 조회 963
13년 전 조회 2,811
13년 전 조회 1,203
13년 전 조회 1,022
13년 전 조회 1,809
13년 전 조회 1,947
13년 전 조회 1,127
13년 전 조회 967
13년 전 조회 1,653
13년 전 조회 1,070
13년 전 조회 1,468
13년 전 조회 1,012
13년 전 조회 1,286
13년 전 조회 1,007
13년 전 조회 942
13년 전 조회 928
13년 전 조회 2,028
13년 전 조회 1,008
13년 전 조회 1,821
13년 전 조회 1,028
13년 전 조회 901
13년 전 조회 817
13년 전 조회 1,182
13년 전 조회 959
13년 전 조회 912
13년 전 조회 1,002
13년 전 조회 1,567
13년 전 조회 1,057
13년 전 조회 1,483
13년 전 조회 4,457
13년 전 조회 1,211
13년 전 조회 2,626
13년 전 조회 1,601
13년 전 조회 1,779
13년 전 조회 863
13년 전 조회 918
13년 전 조회 6,223
13년 전 조회 1,176
13년 전 조회 1,388
13년 전 조회 5,206
13년 전 조회 1,850
13년 전 조회 2,660
13년 전 조회 2,045
13년 전 조회 1,250
13년 전 조회 1,330
13년 전 조회 1,254
13년 전 조회 968
13년 전 조회 1,360
13년 전 조회 7,902
13년 전 조회 3,313
13년 전 조회 1,070
13년 전 조회 2,108