2012-04-11 9 views
0

あなたは私にこれを助けることができますが、おそらく本当にシンプルですが、私は入れ子にはかなり悪いです。ここで HTMLテーブルのネスト|アラインメント - 2行​​同じ行

は簡単なコードです:

 <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> 

あなたはブラウザ内エディタまたはオープンに私がやろうとしているすべてが同じライン上の2つのデータセルを座っていることをポップすると、あなたはよ画像がない画像があり、それは9x11pxであり、弾丸の画像であることに注意してください。そうすれば、私は何をしたいのかを知ることができます。しかし、私はすべてが精神的になるようにしようとする。

あなたはそれは私が電子メールのHTMLを学んでいるので、それは素晴らしいだろう起こっている理由を説明することができれば

+0

アドバイス。フォントタグを使用しないでください。スパンタグを使用してスタイルを適用します。 –

答えて

0

を理解することができますので、私はそれにテーブルコードをクリーンアップしてきたがベアボーンだ私は、スタイルを削除 - 表示:箇条書きの画像からブロック。このスタイルでは、画像自体がlineに存在します。

<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> 
+0

ありがとう、それは意味がある、いい人! –

+0

正しい答えとしてマークするのを忘れないでください。アクセプタンススコアの低い人は、将来の質問で無視される傾向があります。 –

0

はたぶん、これはあなたが探しているものである(私の仕事のために電子メールで送信していますか)?

<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> 

あなたの問題は、スパンするには、2つの列がありませんでしたときに、2のcolspan<td>を持っていたことでした。あなたの他の2つの列は、別々の2つの行に分かれていて、私はそのコードで調整しました。

編集:あなたはそれより簡単

+0

あなたはそれを修正するために何をしたかを述べるべきです。 OPはなぜそれが起こっているのか尋ねました。 –

+0

@Valamasフェアコメント –

+0

これは問題を解決しません。弾丸はまだ別の行にあります。 –

関連する問題