2012-03-12 11 views
3

TR表に離れて行くことはありません。空白スペース/ボーダーが、私はこのニュースレターマークアップを持って

<table width="600" align="center" cellpadding="0" style="font-family:verdana,'Myriad Pro', Arial; border-collapse:collapse; border-spacing:0;"> 
    <tr valign="bottom" height="127" style="padding:0;text-align:left;vertical-align:bottom;margin:0;margin-bottom:-2px;" > 
     <td height="141" valign="bottom"> 
          <img width="608" height="141" src="http://toniweb.us/m/demos/headPildoraLarge.png" />         
     </td> 
    </tr> 
    <tr> 
         /*Rest of table ommited*/ 
    </tr> 

事は〜<tr>がheadPildoraLarge.pngのIMGを含む後があるということです私は削除できない底に2pxのギャップ...

これは、OutlookのIE 5,6,7(FF、IE8などではない)では見えますが、この場合はタールジェットのものです。

ギャップを取り除くことはできますか?

アクションで全HTML:

img{ 
border:0; 
vertical-align:top; 
} 

答えて

8

書き込み

詳細については
td img { 
    vertical-align: bottom; 
} 

this great articleを読んでください。表示されているギャップは、フォントのベースラインとボトムラインの差です。インラインイメージはデフォルトでベースラインに揃えられているためです。

+0

デュードに以下のスタイルを与えるようにしてください。私はfuc ***を取得しません。 vertical-align:top?それは底になるとは言えないのですか?それは動作します:D –

2

ちょうどあなたのスタイルシートにその画像のvertical-align: bottomを追加 - 何とかのように:これはあなたのCSSでhttp://toniweb.us/m/demos/

+0

私はすでにそれを試してみました... :( –

1

は画像

<img width="608" height="141" src="http://toniweb.us/m/demos/headPildoraLarge.png" style="vertical-align:bottom;" /> 
+0

これは_solve_何も問題ではありません。 – oezi

関連する問題