CMS Development

Maia_Rose
Member

Quick Help with Custom Template Update, Please

Hello Everyone,

I'm updating a custom email template that was made for us (but the team that made it is no longer available to me) and would like to know how to make these images sit side by side rather than one on top of the other. Can anyone help me? I'd love to finish this and send in the next couple hours if possible:

<td align="left" style="width:43%;padding-top:5px;"><a href="https://www.lunabazaar.com/paper-lanterns/"><img src="https://cdn2.hubspot.net/hubfs/656907/Back%20In%20Stock/paper-lanterns-back-in-stock.jpg" style="width:43%;" width="640" /></a>
</td>
</tr>
<td align="right" style="width:57%;padding-top:5px;"><a href="https://www.lunabazaar.com/parasols-umbrellas/"><img src="https://cdn2.hubspot.net/hubfs/656907/Back%20In%20Stock/paper-parasols-back-in-stock.jpg" style="width:57%;" width="640" /></a>
</td>
</tr>

 

Thank you in advance!

Best,

Maia

0 Upvotes
1 Reply 1
EricSalvi
HubSpot Employee
HubSpot Employee

Quick Help with Custom Template Update, Please

@Maia_Rose

It looks like you had a random </tr> in the middle of the 2 cells. That technically should be <tr> above the first <td> tag.
Here is my quick code in a raw format with not much styling at all.

<table style="width: 100%;">
<tbody>
<tr>
<td style="width: 50%;"><a href="https://www.lunabazaar.com/paper-lanterns/"><img src="https://cdn2.hubspot.net/hubfs/656907/Back%20In%20Stock/paper-lanterns-back-in-stock.jpg" width="640"></a></td>
<td style="width: 50%;"><a href="https://www.lunabazaar.com/parasols-umbrellas/"><img src="https://cdn2.hubspot.net/hubfs/656907/Back%20In%20Stock/paper-parasols-back-in-stock.jpg" width="640"></a></td>
</tr>
</tbody>
</table>

Let me know if this is what you needed.

0 Upvotes