HTMLテーブル：2つのtrの間のスペースを削除する

Question

第1のtrと第2のtrの間のスペースを削除するにはどうすればよいですか？私は画像を使用しなければならず、borderプロパティを使用することはできません。

<table> 
 
    <tr> 
 
    <td align="left" height="40" style="padding-left:30px;padding-bottom:0px;border-collapse: collapse;"> 
 

 
     <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
     <tbody> 
 
      <tr> 
 
      <td valign="middle" height="40" align="center" style="color: #FFFFFF;display: block;padding-left: 55px;padding-right: 55px;background-color:#EE163A;"> 
 
       <span class="event_register" style="color: #FFFFFF;text-align: center;text-decoration: none;-webkit-text-size-adjust: none;font-size: 14px;line-height: 40px;display: inline-block;text-transform:uppercase;font-family: 'proxima_novasemibold', Arial, sans-serif;" 
 
       target="_blank">Day 1</span> 
 
      </td> 
 
      </tr> 
 
     </tbody> 
 
     </table> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td style="mso-line-height-rule: exactly; line-height:0px;border-collapse: collapse;"> 
 
     <img src="http://www.hubilo.in/images_for_links/arrow.png" width="10" height="10" style="padding-left:100px; vertical-align:top; " valign="top" align="top"> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

トップレベルのテーブルのために使用<table cellpadding="0" cellspacing="0">同様

さらに画像あなたが使用しても、ブランクがそれをトリミングするために矢印ホの必要性を超えているたます。..

Answer 2

ます一番上のテーブルにcellspacing="0"とcellpadding="0"を追加するのを忘れてしまった。また、には埋め込みがあり、これは0に設定する必要があります。あなたは下向きの矢印が上のdivに固執したい場合は、画像自体

<table cellspacing="0" cellpadding="0"> 
 
    <tr> 
 
    <td align="left" height="40" style="padding-left:30px;padding-bottom:0px;border-collapse: collapse;"> 
 

 
     <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
     <tbody> 
 
      <tr> 
 
      <td valign="middle" height="40" align="center" style="color: #FFFFFF;display: block;padding-left: 55px;padding-right: 55px;background-color:#EE163A;"> 
 
       <span class="event_register" style="color: #FFFFFF;text-align: center;text-decoration: none;-webkit-text-size-adjust: none;font-size: 14px;line-height: 40px;display: inline-block;text-transform:uppercase;font-family: 'proxima_novasemibold', Arial, sans-serif;" 
 
       target="_blank">Day 1</span> 
 
      </td> 
 
      </tr> 
 
     </tbody> 
 
     </table> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td style="mso-line-height-rule: exactly; line-height:0px;border-collapse: collapse; padding: 0;"> 
 
     
 
     <span style="padding-left:100px; vertical-align:top; background:url(http://www.hubilo.in/images_for_links/arrow.png) 100px -2px no-repeat; background-size: contain; width: 10px; height: 10px; display: block;" valign="top" align="top"> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 3

<table cellspacing="0" cellpadding="0"> 
 
    <tr> 
 
    <td align="left" height="40" style="padding-left:30px;padding-bottom:0px;border-collapse: collapse;"> 
 

 
     <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> 
 
     <tbody> 
 
      <tr> 
 
      <td valign="middle" height="40" align="center" style="color: #FFFFFF;display: block;padding-left: 55px;padding-right: 55px;background-color:#EE163A;"> 
 
       <span class="event_register" style="color: #FFFFFF;text-align: center;text-decoration: none;-webkit-text-size-adjust: none;font-size: 14px;line-height: 40px;display: inline-block;text-transform:uppercase;font-family: 'proxima_novasemibold', Arial, sans-serif;" 
 
       target="_blank">Day 1</span> 
 
      </td> 
 
      </tr> 
 
     </tbody> 
 
     </table> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td style="mso-line-height-rule: exactly; line-height:0px;border-collapse: collapse; padding: 0;"> 
 
     <img width="10" align="top" height="10" valign="top" style="padding-left: 100px; vertical-align: top; margin-top: -2px;" src="http://www.hubilo.in/images_for_links/arrow.png"> 
 
    </td> 
 
    </tr> 
 
</table>