테이블 사이에 공간이 있습니까?

나는 현재 구독 고객에게 보내는 이메일을 만들었습니다. 이미지가 무거워 테이블에 생성되어 미리보기가 잘되었지만 야후 메일 메시지에 삽입하거나 이메일을 통해 보내면 클라이언트를 내 야후 메일로 보내면 모든 행은 이미지를 분리하여 하단에 여백/패딩이 약 10px가됩니다. 테이블 사이에 공간이 있습니까?

나는 시간 내가 찾을 수있는 무엇이든 시도에 대한 화가 진행되고, 그래서 난 내 자신의 코드를 업로드하고 누군가가 나를 :) 도움이 될 수 있다면

<table style="margin:0 auto; border-collapse: collapse; border-spacing: 0;" cellpadding="0" cellspacing="0" width="566"> 
    <th style="border:none;padding:0;margin:0;" ><p style="float:left; padding-left:10px;font-size:9px; text-align:center; color:#999999; text-decoration:none;"><a style="color:#999999;" href="http://www.purecollection.com/pages/be-inspired">Shop contemporary Design with 10% off plus free delivery and free returns</a></p></th> 
    <tr style="border:none;padding:0;margin:0;"> 
    <td> <a href="http://www.purecollection.com/default.aspx"><img src="http://images.mailermailer.com/image/50064636L/148258/o/2.png"/></a></td></tr> 
    <tr style="border:none;padding:0;margin:0;"><td><img src="http://images.mailermailer.com/image/50064636L/148259/o/3.png"/></td></tr> 
    <tr style="border:none;padding:0;margin:0;"><td><a href="http://www.emagcloud.com/aw12-hosting/UK_Autumn_Main_Book/index.html" style="margin:0;padding:0; "><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148260/o/4.png" alt="View our Autumn E-Catalogue"/></a><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148328/o/5.png"/></td></tr> 
    <tr style="border:none;padding:0;margin:0;"><td><a href="http://www.purecollection.com/pages/style-guide"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148262/o/6.png" alt="BE INSPIRED - Style guide"/></a><a href="http://www.purecollection.com/pages/be-inspired"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148263/o/7.png" alt"View our be inspired collection"/></a></td></tr> 
    <tr style="border:none;padding:0;margin:0;"><td><a href="http://www.purecollection.com/default.aspx"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148321/o/8.png"/></a></td></tr> 
    <tr><td><a href="http://www.purecollection.com/info/static.aspx?page=newsletter&email="><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148322/o/9.png" alt="send this to a friend"/></a><a href="http://www.purecollection.com/pages/requestcatalogue"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148323/o/10.png" alt="request a catalouge"/></a><a href="http://www.purecollection.com/pages/christinanoblechildrensfoundation#page=page-1"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148324/o/11.png" alt="Christina Noble Children's Foundation"/></a><a href="http://example.com/maps/Asbxy"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148325/o/12.png" alt="find out UK stores"/></a><a href="https://www.facebook.com/PureCollection"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148326/o/13.png" alt="join us on facebook"/></a><a href="https://twitter.com/PureCollection"><img style="margin:0;padding:0; border:none;" src="http://images.mailermailer.com/image/50064636L/148327/o/14.png" alt="follow us on twitter"/></a></td></tr> 
    <tr><td> 
     <p style="font-size:9px; text-align:center; color:#999999;"></ br>Terms and Conditions: 1 Your offer code = AW13KAS 2. This offer code will be automatically added into your shopping basket. 3. Offer expires midnight 7th October 2013. 4 Cannot be used in conjunction with any other offer. 5. Offer does not apply to gift vouchers. 6. No adjustments prior purchases. 8. 10% off includes free delivery and free returns. 9. Free delivery applies to standard UK delivery £4.95.</p> 
     <p style="font-size:9px; text-align:center; color:#999999;"></ br>Please add [email protected] to your address book to ensure our emails reach your inbox. If you received this email from a friend and would like to subscribe to our newsletter. <a style="color:#999999;" href="http://www.purecollection.com/info/static.aspx?page=newsletter&email=">click here</a> 
     <p style="font-size:9px; text-align:center; color:#999999;"></ br>Pure Collection LTD | Mowbray House | Mowbray Square | Harrogate | HG1 5AU | 0844 848 1030</p> 
    <p style="font-size:9px; text-align:center; color:#999999;"><a style="color:#999999;" href="http://www.purecollection.com/pages/securityandprivacy"></ br>Privacy</a></p></td></tr> 
</table>

출처

2013-10-17 Gordon Mcleod

야, 그냥 궁금해서,이 답변 중 하나의 도움으로 해결했다? –

나는 비슷한 겪은 볼 것이라고 생각 이미지에 display: block;을 추가하십시오. 희망이 도움이

출처

2013-10-17 03:52:55 marceloogeda

나는 이것도 처음에는 생각했다. 그러나, 그는 각 라인에 몇 개의 이미지를 가지고 있습니다. display : block; 그들 모두를 분리 선으로 밀어 넣을 것입니다. –

필자는이 디테일을 알아 채지 못했다. 같은'td'에 둘 이상의 이미지가 없다면'display : block; '이 작동 할 것이다. – marceloogeda

오, 당신은 가난 영혼. 프로그래머가 인라인 스타일을 추가하면 화가 났다고 말할 수 있습니다. 이것은 단지 신체 상해입니다.

답변이 마음에 들지 않을 것입니다. 한 줄의 코드입니다. 여기 요 : http://jsfiddle.net/w5MJM/

td img { 
    vertical-align:top; 
}

출처

2013-10-17 03:53:21

1+ 인라인 스타일이 아닌 경우. –

테이블 사이에 공간이 있습니까?

답변

관련 문제