HTML-Tabellenverschachtelung | Ausrichtung - 2 x auf der gleichen Linie

Question

Hoffe, Sie können mir dabei helfen, es ist wahrscheinlich sehr einfach, aber ich bin ziemlich schlecht in der Verschachtelung. Hier

ist der einfache Code:

 <table border="0" cellpadding="0" cellspacing="0" width="600"> 

     <tr> 
      <td width="600"><a href="#" target="_blank"></td> 
     </tr> 
     <tr> 
     <td valign="top" align="center"></td> 
     </tr> 

     <tr> 
     <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt="" style="display:block;"></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td> 

     </tr> 

     </table> 

Wenn Sie Pop, dass in einem Editor oder offen in einem Browser alles, was ich versuche zu tun, sitzen die beiden Datenzellen auf der gleichen Linie, werden Sie Beachten Sie, dass es ein Bild ohne Bild gibt, das 9x11px ist, das ein Bild eines Aufzählungszeichens ist, das Ihnen die Idee geben sollte, was ich tun möchte. Wie auch immer ich versuche, alles wird mental.

Wenn Sie erklären könnte, warum das passiert, dass wäre genial, weil ich für E-Mail HTML lernen bin (die für meine Arbeit in E-Mail)

Answer 1

ich den Stil entfernt verstehen kann - Display: Block von der Kugel Bild. Dieser Stil lässt das Bild in seinem eigenen line leben.

<table border="0" cellpadding="0" cellspacing="0" width="600"> 

     <tr> 
      <td width="600"><a href="#" target="_blank"></td> 
     </tr> 
     <tr> 
     <td valign="top" align="center"></td> 
     </tr> 

     <tr> 
     <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt=""></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td> 

     </tr> 

     </table> 

Answer 2

Vielleicht ist es das, was Sie suchen?

<table border="0" cellpadding="0" cellspacing="0" width="600"> 
     <tr> 
     <td>Column 1 of Row 1 </td> 
     <td>Column 2 of Row 1</td> 
     </tr> 
     <tr> 
     <td colspan="2">Only column in Row 2</td> 
     </tr> 
    </table> 

Ihr Problem war, dass Sie eine <td> mit einem colspan von 2 hatte, wenn es umspannen nicht zwei Säulen waren. Ihre anderen zwei Spalten wurden in zwei separate Zeilen aufgeteilt, die ich in diesem Code für Sie angepasst habe.

edit: Ich habe Barebones es zu Tabellencode gereinigt, so dass Sie es einfacher