圓角表格HTML被削減數據增加

我有一個HTML表格與每個TD有一個圓角圖像我把圖像放在一起，並設法得到圓角的表。這裏是它的外觀，圓角表格HTML被削減數據增加

Rounded corners

下面是下面用CSS

<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" frame="void" 
    style="width: 100%;"> 
    <tr> 
     <td width="1%"> 
      <img alt="" src="Images/frame_top_left.jpg" /> 
     </td> 
     <td class="top_frame"> 
     </td> 
     <td width="1%" align="right"> 
      <img alt="" src="Images/frame_top_right.jpg" /> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <img alt="" src="Images/frame_bottom_left.jpg" /> 
     </td> 
     <td class="bottom_frame"> 
     </td> 
     <td align="right"> 
      <img alt="" src="Images/frame_bottom_right.jpg" /> 
     </td> 
    </tr> 
</table>

而且繼承人的CSS沿

CSS

現在的數據是動態放置在HTML在每個數據放置整個ta的css類「bottom_frame」中BLE得到改變其繼承人的外觀，當數據被放置

On data expand

繼承人插入HTML數據的圖像。

HTML Data inserted

如何讓我的表中可以與任何損失，它保持????

感謝&問候，弗朗西斯P.

來源

2011-11-18 user581157

你最好添加一個行到表把內容在裏面。類似這樣的：

<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" frame="void" 
style="width: 100%;"> 
<tr> 
    <td width="1%"> 
     <img alt="" src="Images/frame_top_left.jpg" /> 
    </td> 
    <td class="top_frame"> 
    </td> 
    <td width="1%" align="right"> 
     <img alt="" src="Images/frame_top_right.jpg" /> 
    </td> 
</tr> 
<tr> 
    <td colspan="3" class="middle_frame"> 
     -- Put your content right here -- 
    </td> 
</tr>  
<tr> 
    <td> 
     <img alt="" src="Images/frame_bottom_left.jpg" /> 
    </td> 
    <td class="bottom_frame"> 
    </td> 
    <td align="right"> 
     <img alt="" src="Images/frame_bottom_right.jpg" /> 
    </td> 
</tr> 
</table>

來源

2011-11-18 13:33:25 sainr

圓角表格HTML被削減數據增加

回答

相關問題