Одна из моих таблиц падает вниз, когда я смотрю в Outlook - PullRequest
1 голос
/ 10 июля 2019

Когда я тестирую свою электронную почту, секция «Featured Speaker» в синей области имеет около 60 пикселей дополнительного пространства над ней.Таким образом, кажется, что он не выровнен с «Подробная информация о звонке».

Я пытался настроить отступы и другое форматирование, но, похоже, ничего не работает.

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td style="padding-bottom:8px; padding-left:30px; padding-top:20px;"><strong> </strong>
        <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height: 30px; color:#003781; font-weight:bold; text-decoration:none;"><strong><a href="https://us.allianzgi.com/documents/Investment-Solution-AllianzGI-Convertible-Fund" name="text_product_investment-solution-convertible-fund" style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height: 30px; color:#003781; text-decoration:none;" xt="SPCLICK">Looking for equity-like returns with lower volatility?</a></strong></p>
      <strong> </strong></td>
    </tr>
  </tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff;" width="100%">
  <tbody>
    <tr>
      <td class="two-column" style="background-color:#fff; padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0; border-bottom:1px solid #e1e1e1;"><!--[if (gte mso 9)|(IE)]>
        <table width="100%" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;" >
          <tr>
            <td width="66%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
              <![endif]-->
              <div class="column" style="width:100%;max-width:395px;display:inline-block;vertical-align:top;">
                <table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333; background-color:#fff;" width="100%">
                  <tbody>
                    <tr>
                      <td class="inner" style="padding-top:0px;padding-bottom:30px;padding-right:20px;padding-left:30px;">
                        <table border="0" cellpadding="0" cellspacing="0" class="contents" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;width:100%;font-size:14px;text-align:left;">
                          <tbody>
                            <tr>
                            </tr>
                          </tbody>
                        </table>
                        <table border="0" cellpadding="0" cellspacing="0" class="contents" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;width:100%;font-size:14px;text-align:left;">
                          <tbody>
                            <tr>
                              <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tbody>
                                  <tr>
                                    <td style="padding-bottom: 10px;">
                                      <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 24px; color:#4d4d4d; text-align:left;">With qualities of stocks and bonds, convertible securities have historically delivered compelling equity-like returns while buffering against volatility. <a href="https://us.allianzgi.com/en-us/advisors/products-solutions/mutual-funds/allianzgi-convertible-fund-instl-annpx" id="text_product_allianzgi-convertible-fund-instl-annpx2" name="text_product_allianzgi-convertible-fund-instl-annpx" style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 20px; color:#003781; text-decoration:none;" xt="SPCLICK">AllianzGI Convertible Fund</a> offers the potential to cushion a portfolio when stocks suffer a downturn or enhance returns when they rise.<br />
                                      <br />
                                      <a href="https://us.allianzgi.com/documents/Investment-Solution-AllianzGI-Convertible-Fund" name="text_insight_Investment-Solution-AllianzGI-Convertible-Fund" id="text_insight_Investment-Solution-AllianzGI-Convertible-Fund" style="text-decoration:none; color:#003781;"><span style="margin:0px; font-family:Arial, Helvetica, sans-serif; font-
                                      size:16px; line-height: 24px; color:#4d4d4d;"><img src="http://media.allianzinvestors.com/email/thumbs/hfa_icon-download.jpg" alt="arrow" name="arrow" width="15" height="18" id="arrow3" /></span>&nbsp;DOWNLOAD PDF</a></p>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table></td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if (gte mso 9)|(IE)]>
            </td><td width="33%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
            <![endif]-->
            <div class="column" style="width:100%;max-width:200px;display:inline-block;vertical-align:top;">
              <table style="border-spacing:0;font-family: Arial, sans-serif;color:#333333; background-color:#fff;" width="100%">
                <tbody>
                  <tr>
                    <td class="inner" style="padding-top:8px;padding-bottom:10px;padding-right:30px;padding-left:0px;">
                      <table class="contents" style="border-spacing:0;font-family: Arial, sans-serif;color:#003781;width:100%;font-size:14px;text-align:left;">
                        <tbody>
                          <tr>
                            <td class="text" style="padding-bottom:0;padding-right:0;padding-left:0;padding-top:0">
                              <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tbody>
                                  <tr>
                                    <td align="right" style="padding-bottom: 17px; vertical-align: central;"><table cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td style="border:thin solid #e1e1e1; border-spacing: 0;"><a  href="https://us.allianzgi.com/documents/Investment-Solution-AllianzGI-Convertible-Fund" name="image_product_investment-solution-convertible-fund" id="image_product_investment-solution-convertible-fund"  xt="SPCLICK"><img src="http://media.allianzinvestors.com/email/thumbs/image_product_investment-solution-convertible-bond.jpg" alt="image_product_investment-solution-convertible-fund" name="image_product_investment-solution-convertible-fund" width="177" height="220" id="image_product_investment-solution-convertible-fund"  /></a></td>
                                      </tr>
                                    </table></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- START BUTTON -->
                              <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tbody>
                                  <tr>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- END BUTTON --><!-- START BUTTON --><!-- END BUTTON --></td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
                
              </div>
              
              <!--[if (gte mso 9)|(IE)]>
            </td>
          </tr>
        </table>
      <![endif]--></td>
    </tr>
  </tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="background-color:#003781; padding:30px; padding-bottom: 0px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="padding-bottom:8px;"><strong><p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height: 25px; color:#333333; text-decoration:none;"><span style="border-top:none; padding-top:20px ;padding-bottom:8px;"><strong><a href="http://media.allianzinvestors.com/email/iCalendar/Conference_Call_AllianzGI_Convertible_Fund_071819.ics" name="text_add-to-outlook" id="text_add-to-outlook" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height: 30px; color:#fff; font-weight:bold; text-decoration:none" xt="SPCLICK">Join us to discuss AllianzGI Convertibles Fund</a></strong></span></p>
      </strong></td>
    </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td style="padding-bottom:0px;"><p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 24px; color:#4d4d4d;"><span style="margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 24px; color:#fff;"><span style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 24px; color:#fff; text-align:left;">Dial in to learn how convertible bonds could help you in today’s market environment. <a href="https://us.allianzgi.com/en-us/our-experts/our-experts-details/justin-kass" id="bio_justin-kass2" name="bio_justin-kass" style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 20px; color:#fff; text-decoration:none;" xt="SPCLICK">Justin Kass</a>, portfolio manager of <a href="https://us.allianzgi.com/en-us/advisors/products-solutions/mutual-funds/allianzgi-convertible-fund-instl-annpx" id="text_product_allianzgi-convertible-fund-instl-annpx3" name="text_product_allianzgi-convertible-fund-instl-annpx" style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 20px; color:#fff; text-decoration:none;" xt="SPCLICK"><strong>AllianzGI Convertible Fund</strong></a>, will present the unique features of convertible bonds and their timeliness.</span></span></p></td>
    </tr>
  </table>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" style="background-color:#003781;" width="100%">
<tbody>
<tr>
  <td>
    <table align="left" border="0" cellpadding="0" cellspacing="0" width="298">
      <tbody>
        <tr>
          <td style="mso-table-lspace:0pt; mso-table-rspace:0pt; border-spacing:0px;">
            <table align="left" border="0" cellpadding="0" cellspacing="0" width="298">
              <tbody>
                <tr>
                  <td style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border-spacing:0px;">
                    <table border="0" cellpadding="0" cellspacing="0" width="92%">
                      <tbody>
                        <tr>
                          <td style="padding:15px 30px 30px 30px; background-color:#003781;">
                            <table border="0" cellpadding="0" cellspacing="0" width="82%">
                              <tbody>
                                <tr>
                                  <td style="padding-bottom:10px;"><strong> </strong>
                                    <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height: 24px; color:#fff; text-decoration:none;"><strong>Call details </strong></p>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                              <tbody>
                                <tr>
                                  <td style="padding-bottom:0px;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                      <tbody>
                                        <tr>
                                          <td style="padding-bottom:10px;">
                                            <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 24px; color:#fff;"><strong>Date: </strong>Thursday, July 18, 2019</p>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                      <tbody>
                                        <tr>
                                          <td style="padding-bottom:10px;">
                                            <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 24px; color:#fff;"><strong>Time: </strong>4:15 &ndash; 5:00 p.m. ET</p>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                      <tbody>
                                        <tr>
                                          <td style="padding-bottom:20px;">
                                            <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 24px; color:#fff;"><strong>Dial in: </strong>(800) 786-6705</p>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                      <tbody>
                                        <tr>
                                          <td style="padding-bottom:0px; text-align:center"><!-- NORMAL BUTTON -->
                                          <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                            <tbody>
                                              <tr>
                                                <td style="font-family:font-family:Arial, Helvetica, sans-serif; font-size:12px; ">
                                                  <table border="0" cellpadding="0" cellspacing="0" width="150">
                                                    <tbody>
                                                      <tr>
                                                        <td style="padding:12px 8px; background-color:#4c73a7; text-align:center;"><a href="http://media.allianzinvestors.com/email/iCalendar/Conference_Call_AllianzGI_Convertible_Fund_071819.ics" id="outlook_add_event_conferencecall" name="outlook_add_event_conferencecall" style="color:#fff; padding-top:8px!important; padding-right:12px!important; padding-bottom:8px; padding-left:12px!important;font-family: verdana, geneva, sans-serif;font-size:12px;line-height:15px; font-weight:bold; text-decoration:none;" target="_blank" xt="SPCLICK">Add to outlook</a></td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  <table align="left" border="0" cellpadding="0" cellspacing="0" width="297">
    <tbody>
      <tr>
        <td style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border-spacing:0px;">
          <table align="left" border="0" cellpadding="0" cellspacing="0" width="297">
            <tbody>
              <tr style="vertical-align:top">
                <td style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border-spacing:0px; padding-">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                      <tr>
                        <td style="padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:20px;">
                          <table border="0" cellpadding="0" cellspacing="0" width="99%">
                            <tbody>
                              <tr>
                                <td style="padding-bottom:10px;">
                                  <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height: 24px; color:#fff;"><strong>Featured speaker</strong></p>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table align="left" border="0" cellpadding="0" cellspacing="0" width="270">
                            <tbody>
                              <tr>
                                <td align="left" style="padding-right:17px; padding-bottom: 30px;" valign="top" width="33%"><a href="https://us.allianzgi.com/en-us/our-experts/our-experts-details/justin-kass" name="image_bio_justin_kass" id="image_bio_justin_kass" style="" xt="SPCLICK"><img alt="Justin Kass" height="81" id="Justin Kass" name="Cont_0" src="https://us.allianzgi.com/-/media/allianzgi/shared/management-profiles/kass-justin/368x368-kass-justin.jpg" width="81" /></a></td>
                                <td align="left" style="padding-right:17px;" valign="top" width="66%">
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                      <tr>
                                        <td style="padding-bottom:3px;"><strong><a href="https://us.allianzgi.com/en-us/our-experts/our-experts-details/justin-kass" id="justin_kass_bio" name="justin_kass_bio" style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 20px; color:#fff; text-decoration:none;" xt="SPCLICK"> Justin Kass </a></strong></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                      <tr>
                                        <td style="padding-bottom:8px;">
                                          <p style="padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:21px; color:#fff;">Managing Director, Portfolio Manager<br />
                                          Allianz Global Investors</p>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</td>
</tr>
</tbody>
</table>

То, что должно произойти, - это левый и правый столбцы с подробной информацией о вызове, которые должны быть выстроены рядом друг с другом

...