2016-12-05 5 views
0

私は電子メールを書いているので、テーブルレイアウト内で作業する必要があります。私は並んで座っていると思われるいくつかの画像を持つテーブルを持っていますが、それはテーブルの全幅に1つを設定し、他の2つを押し出すようです。私のトラブルシューティングから基本テーブル発行:​​他が押し出されている

<table width="600px" border="0" cellspacing="0" cellpadding="0px"> 
 
\t <tbody> 
 
\t  <tr> 
 
\t \t  <td> 
 
\t \t  \t <a href="google.com" ><img alt="saleinfo" 
 
\t \t  \t src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/body.jpg"></img></a> 
 
\t  \t </td> \t  \t \t \t 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t  <td> 
 
\t \t  \t <a href="google.com"><img alt="saleinfo" 
 
\t \t  \t src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/pail.jpg"></img></a> 
 
\t  \t </td> 
 
\t \t  <td> 
 
\t \t  \t <a href="google.com" ><img alt="saleinfo" 
 
\t \t  \t src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/stat-mat.jpg"></img></a> 
 
\t  \t </td> 
 
\t \t  <td> 
 
\t \t  \t <a href="google.com" ><img alt="saleinfo" 
 
\t \t  \t src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/valet.jpg"></img></a> 
 
\t  \t </td> \t  \t \t \t 
 
\t </tbody> 
 
</table>

、私はあなたがトップ画像を削除した場合、それは同じ効果を持っていないことがわかりました。最初tr

+1

使用インラインCSSスタイルのためのクロージング/trが欠落しています。可能であれば固定幅を使用しないでください。 –

+0

HTML stickler: ''は無効な終了タグです。安全に取り外すことができます。 –

+0

@fred -ii-それは電子メールなので、CSSは私が理解する限り多くの選択肢ではありませんか? –

答えて

1

てみ一部の環境で間隔の問題を引き起こし、そのための警戒することができます。私は各列の中に別のテーブルを入れ子にして、内容をtdに入れます。

また、あなたは最大幅と画像やテーブル/ TDのためのパーセントの幅を設定するための第二列

0

colspantdcolspan="3"を追加