Содержимого не выравнивая к нижней части таблицы

В настоящее время работает на кодирующей Email:Содержимого не выравнивая к нижней части таблицы

Я пытаюсь получить эту кнопку (созданную из таблиц), чтобы выровнять по нижней части таблицы вмещающей. На данный момент это не будет согласовано, и я не знаю, почему.

<table width="300" min-width="300" height="500" class="promo_3" align="left"> 
 
    <tr> 
 
    <td valign="top"> 
 
     <a target="_blank" href="http://www.thing.html"> 
 
     <img class="promo" alt="Promo image 2" src="http://media.campaigner.com/image1.jpg"> 
 
     </a> 
 
     <br> 
 
     <br> 
 

 
     <h1> TRAINING </h1> 
 
     <span valign="top" class="content">TITLE HERE</span> 
 
     <p>TEXT HERE</p> 
 
     <br> 
 
     <!--Button THIS WILL NOT ALIGN TO THE BOTTOM --> 
 

 
     <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-bottom:20px;"> 
 
     <tr> 
 
      <td height="20"> 
 
      <table border="0" cellspacing="0" cellpadding="0" align="center"> 
 
       <tr> 
 
       <td bgcolor="#f55926" valign="bottom" style="padding: 8px 30px 8px 30px; -webkit-border-radius:3px; border-radius:3px" align="center"><a href="http://www.thing.html" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; display: inline-block;">Read More</a> 
 
       </td> 
 
       </tr> 
 
      </table> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
     <!--Button + Social End --> 
 

 

 
    </td> 
 
    </tr> 
 

 

 
</table>

источник

2017-01-26 aleejelly

технически это уже находится в нижней части таблицы –

как бы я выровнять все содержимое, но и «кнопку» на вершину? Что в настоящее время выравнивает его до дна? У меня две из них бок о бок в большой таблице, а содержимое все выравнивается сверху в этой большой таблице. – aleejelly

Может дать этот метод попробовать:

<table width="300" min-width="300" height="500" class="promo_3" align="left"> 
    <tr> 
    <td valign="bottom"><br> 
     <br> 

    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
     <td height="200" valign="top"><a target="_blank" href="http://www.thing.html"><img class="promo" alt="Promo image 2" src="http://media.campaigner.com/image1.jpg"></a></td> 
    </tr> 
    <tr> 
     <td height="200" valign="top"> 

    <h1> TRAINING </h1> 
     <span valign="top" class="content">TITLE HERE</span> 
     <p>TEXT HERE</p> 


    </td> 
    </tr> 
    </tbody> 
</table> 



     <br> 
     <!--Button THIS WILL NOT ALIGN TO THE BOTTOM --> 

     <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-bottom:20px;"> 
     <tr> 
      <td height="20"> 
      <table border="0" cellspacing="0" cellpadding="0" align="center"> 
       <tr> 
       <td bgcolor="#f55926" valign="bottom" style="padding: 8px 30px 8px 30px; -webkit-border-radius:3px; border-radius:3px" align="center"><a href="http://www.thing.html" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; display: inline-block;">Read More</a> 
       </td> 
       </tr> 
      </table> 
      </td> 
     </tr> 
     </table> 
     <!--Button + Social End --> 


    </td> 
    </tr> 


</table>

То, что я сделал добавлен одну таблицу с двумя строками, как строки имеют определенную высоту с содержанием выровнены сверху. Некоторые почтовые клиенты являются печально известными и могут не выровнять код в нижней части, как это делается в коде, для тех почтовых клиентов, которые вы можете использовать padding-top на TD. Надеюсь это поможет.

Приветствие

источник

2017-01-26 22:52:16 Syfer

Это работает на меня! Благодаря тонну! – aleejelly

Это то, что вы ищете? Просто добавьте align = 'left' в таблицу, содержащую кнопку.

<table width="300" min-width="300" height="500" class="promo_3" align="left"> 
 
    <tr> 
 
    <td> 
 
     <a target="_blank" href="http://www.thing.html"> 
 
     <img class="promo" alt="Promo image 2" src="http://media.campaigner.com/image1.jpg"> 
 
     </a> 
 
     <br> 
 
     <br> 
 

 
     <h1> TRAINING </h1> 
 
     <span valign="top" class="content">TITLE HERE</span> 
 
     <p>TEXT HERE</p> 
 
     <br> 
 
     <!--Button THIS WILL NOT ALIGN TO THE BOTTOM --> 
 

 
     <table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-bottom:20px;"> 
 
     <tr> 
 
      <td height="20"> 
 
      <table border="0" align='left' cellspacing="0" cellpadding="0" align="center"> 
 
       <tr> 
 
       <td bgcolor="#f55926" valign="bottom" style="padding: 8px 30px 8px 30px;-webkit-border-radius:3px; border-radius:3px" align="center"><a href="http://www.thing.html" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; display: inline-block;">Read More</a> 
 
       </td> 
 
       </tr> 
 
      </table> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
     <!--Button + Social End --> 
 

 

 
    </td> 
 
    </tr> 
 

 

 
</table>

источник

2017-01-26 20:20:27 spooky

Содержимого не выравнивая к нижней части таблицы

ответ

Смежные вопросы