Constant Contact and Dreamweaver compatibility

New Here ,
Nov 01, 2021 Nov 01, 2021

Copy link to clipboard

Copied

Hi there, 

I am certainly not a skilled HTML coder, but have been coding email blasts in Dreamweaver and then pasting the code into Constant Contact to send to our clients. I've run into an issue with only outlook users that the code spits out a floating <td> or </td> at the bottom of our emails. I found the source and fixed it up, but now everything is aligned left (even though I have it aligned center?). I can paste a snippet of the code below if that is helpful, but I am truly so lost and have no clue how to fix this. 

 

I've bolded the ">" that fixes my floating <td> but alignes everything left. 

<table width="650" border="0" align="center" cellpadding="20" cellspacing="0">
<tr bgcolor="#77a989">
<td align="center" valign="top"></td> <p style="font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:#FFFFFF; font-size:20px; line-height:26px"> View the catalogues for <br>

<em><a href="https://static1.squarespace.com/static/594044bd3a041171e0426683/t/613e4708ca6782606e98d8a2/163147137...">Alexandra de Steiguer: the Essence of Belonging</a></em> and <br>
<em><a href="https://static1.squarespace.com/static/594044bd3a041171e0426683/t/6102b9ad31788001cb38a06d/162756855...">Sublime: Works by Li Hongwei</a></em> on our website.<br>

 

 

TOPICS
Code , Error

Views

69

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 01, 2021 Nov 01, 2021

Copy link to clipboard

Copied

Code snippets don't tell the whole story. Suffice it to say Outlook is the least reliable email client for rendering HTML.  And there is much variation between Outlook for Office 365 and previous versions.   Don't spend too much time worrying about alignment in Outlook.  You'll drive yourself crazy. 

 

That said, Litmus responsive Email Templates have a good success rate in all major email clients. 

https://www.litmus.com/blog/25-free-responsive-hybrid-mobile-aware-email-templates/

 

Also Outlook in Dark Mode is an especially challenging problem.  Fortunately, Litmus email templates have a solution for that described below.

https://www.litmus.com/blog/new-in-litmus-outlook-for-office-365-dark-mode/

 

Hope that helps.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 01, 2021 Nov 01, 2021

Copy link to clipboard

Copied

LATEST

Is this correct? You don't have any content in the td cell:

 

<td align="center" valign="top"></td>

 

Shouldn't the paragraph <p> which follows the closing </td> and whatever is wrapped in the <p> be inside the table cell?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines