html - Table td border visible and invisible same row -


i have 2 tables data, in table under want calculate amount of 3 columns. these 3 td have border while 4 on left , 1 on right don't have border. looks fine this, had add pixels size of td on left (4px) not want.

any advice on how this?

enter image description here

code

html

 <table id="tbl_urijou_goukei" class="goukei">                 <tr>                         <td width="240"></td>             <td width="55"></td>             <td width="34"></td> **<!-- 30 + 4 px align 商品合計 td -->**             <td align="right" width="80">商品合計:</td>                         <td align="right" class="sum" width="80">...</td>             <td align="right" class="sum" width="80">...</td>             <td align="right" class="sum" width="80">...</td>             <td width="50"></td>                 </tr>                 </table> 

css

table.goukei {     width: auto;     border: none;     border-collapse: collapse;     font-size: 11px;     line-height: normal; }  table.goukei td  {     padding: 5px; }  table.goukei td.sum  {     padding: 5px;     border-right: 1px solid #cccccc;     border-bottom: 1px solid #cccccc;     border-left: 1px solid #cccccc; } 

you can give in <table> which's <td> right side want spacing cellspacing="4" attribute. or can give padding .

for exampler :

td.some-class {    padding : 0 4px 0 0; } 

or can here

add space between 2 particular <td>s


Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -