如何擺脫這個表格邊框？

我已經嘗試了一切，但沒有將最外層表的邊框設置爲0。我想擺脫單元格下方的「大單元格文本」。代碼很混亂，但這裏是link to jsfiddle，所以你可以......搗鼓它。表結構的代碼與我在網站中使用的代碼完全相同，但顯然數據被替換。如何擺脫這個表格邊框？

任何線索？

來源

2011-11-07 Bogdan

like [this]（http://jsfiddle.net/CTZdp/）？ – sled

@sled不，我想保留除「大單元文本」和「1：text1 ...」之間的一行之外的所有其他邊界。這個帖子並不是很清楚，現在修正了。 – Bogdan

啊對不起，然後去PiTheNumber的解決方案:) – sled

組邊框底部和邊框頂部無：http://jsfiddle.net/nUrE7/

來源

2011-11-07 12:07:34 PiTheNumber

是的，就是這樣。謝謝。 – Bogdan

感謝它正常工作，但我使用的插件無法解釋它 – Bogdan

在這裏你去。添加border-bottom：none;和border-top：none;在您的代碼中。

<table cellspacing="0" cellpadding="1" border="1" style="width: 100%;"> 
    <tr > 
    <td colspan="7" border="0" style="width: 100%; text-align: left; height: 100px; vertical-align:middle;border-bottom:none;"> big cell text </td> 
    </tr> 
    <tr border="0"> 
    <td colspan="7" border="0" style="width: 100%; text-align: left; vertical-align:middle;border-top:none; "><table cellspacing="0" cellpadding="1" border="0" style="width: 100%;"> 
     <tr border="0"> 
      <td border="0" width="10%"><strong>1:</strong></td> 
      <td border="0" width="90%" style="text-align: left;">text1</td> 
     </tr> 
     <tr border="0"> 
      <td border="0" width="10%"><strong>2: </strong></td> 
      <td border="0" width="90%" style="text-align: left;">text2</td> 
     </tr> 
     </table></td> 
    </tr> 
    <tr border="0"> 
    <td colspan="5" style="width: 74%;text-align: right;">Total</td> 
    <td style="width: 13%; text-align: right; height: 20px; vertical-align:middle;">a</td> 
    <td style="width: 13%; text-align: right; height: 20px; vertical-align:middle;">b</td> 
    </tr> 
    <tr border="0"> 
    <td colspan="5" style="width: 74%; vertical-align:middle; text-align: center; height: 20px;"><strong>c</strong></td> 
    <td colspan="2" style="width: 26%; text-align: center; height: 20px; vertical-align:middle;">d</td> 
    </tr> 
</table>

來源

2011-11-07 12:10:24 pinaldesai

如何擺脫這個表格邊框？

回答

相關問題