在列頂部的表格行

我在表格行頂部的文本不知何故受其下方的第二列影響。似乎它佔用了表格的整個寬度。在列頂部的表格行

對不起，我知道我在表仍在工作的唯一一個。 HTML電子郵件仍然存在。

<table width="800" class="bodyContent" style="border: 1px solid #b8b7b7;margin-bottom: 20px;"> 

      <table> 
       <tr style="width: 800px;">TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT</tr> 
      </table> 


      <td valign="top" width="260" class="leftColumnContent"> 

       <table border="0" cellpadding="20" cellspacing="0" width="100%"> 
        <tr mc:repeatable> 
         <td valign="top"> 
          <img src="http://www.homeplan.com/newsletter/images/top_left.png" mc:label="image" mc:edit="tiwc300_image00" /> 
         </td> 
        </tr> 
       </table> 
      </td> 


      <td valign="top" width="260" class="rightColumnContent"> 

       <!-- // Begin Module: Top Image with Content \\ --> 
       <table border="0" cellpadding="20" cellspacing="0" width="100%"> 
        <tr mc:repeatable> 

         <td valign="top"> 

          <img src="http://www.homeplan.com/newsletter/images/top_right.png" mc:label="image" mc:edit="tiwc300_image01" /> 

         </td> 
        </tr> 

       </table> 
      </td>     
</table>

來源

2012-10-03 Joe Isaacson

看來你已經在你的父表中交換了td和tr。但它裏面的表格有正確的tr/td。這是固定時的樣子，但這可能不是您想要的佈局。 http://jsfiddle.net/75rh5/ – ace

humph。文字仍然在中間... –

你剛剛重新調整寬度。它被設置爲600px，當我複製你的jsfiddle時，它似乎你重新調整到800px。 – ace

對於初學者來說，你的第一行由tr中的td組成，它位於ANOTHER td內。如果沒有別的，那應該可以解決。

此外，有點與你原來的問題無關，但當我沒有看到任何真正的好處或功能獲得的附加代碼時，你的單元格中有表格有點多餘。你正在用你可以應用到td或圖像本身的相同東西來設計你的內部表格。至少在這個特定的應用程序。
只是一個想法。

更新：所有的

<table width="600" class="bodyContent" style="border: 1px solid #b8b7b7;margin-bottom: 20px;"> 
    <tr> 
     <td colspan="2"> 
      <table> 
       <tr style="width: 600px;"> 
        <td>TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT</td> 
       </tr> 
      </table> 
     </td> 
    </tr> 

    <tr> 
     <td valign="top" width="260" class="leftColumnContent"> 
      <table border="0" cellpadding="20" cellspacing="0" width="100%"> 
       <tr mc:repeatable> 
        <td valign="top"> 
         <img src="http://www.homeplan.com/newsletter/images/top_left.png" mc:label="image" mc:edit="tiwc300_image00" /> 
        </td> 
       </tr> 
      </table> 
     </td> 

     <td valign="top" width="260" class="rightColumnContent"> 
      <!-- // Begin Module: Top Image with Content \\ --> 
      <table border="0" cellpadding="20" cellspacing="0" width="100%"> 
       <tr mc:repeatable> 
        <td valign="top"> 
         <img src="http://www.homeplan.com/newsletter/images/top_right.png" mc:label="image" mc:edit="tiwc300_image01" /> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

來源

2012-10-03 06:40:14 Mike

在td內刪除了td。但由於某些原因，柱子不能並排堆放。 –

您現在有一個table-> table-> tr關係。你需要一個table-> tr-> td-> table-> tr-> td。一個表由tr（行）組成，然後包含td（列）。你必須堅持這種結構，否則你會打破它。一個表不能位於表內，除非它位於一個td內，而td又在一個tr內，然後在一個表內。 – Mike

@JoeIsaacson你的小提琴看起來不錯 – Mike

首先，你不能有看起來像這樣的代碼：<td><tr><td>asdf</td></tr></td>。它需要<tr>包裝<table>。

來源

2012-10-03 06:41:29 mrbackman

在列頂部的表格行

回答

相關問題