Fix an Outlook alignment issue in a coded responsive HTML email
- or -
Post a project like this- Posted:
- Proposals: 8
- Remote
- #1315560
- Awarded
Description
I have experience coding HTML emails so have attempted to fix this myself. Some of my fix attempts still exist in the code for reference. This superfluous code should be removed from end product.
I can provide Litmus login details where code can be accessed and fix attempts can be tested and seen in real time.
Columns are not aligning properly. Outlook is adding extra space around each individual "sub" table.
The end email still needs to appear correctly in the other email clients as it currently does.
I would also need the footer area to be fixed as there alignment issues there.
The 3 attached docs are screen grabs from Litmus so the code does work in all other instances (besides Gmail app on Android, which I can live with).
All email previews should look like the 2 "Correct" attached images.
The job is 99% there I just need help getting it over the line.
Dermot H.
100% (2)New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Can you please send me your HTML code?
-
You mention padding in the screenshot but it looks more like margins? Outlook understands Margin-left (capital M) and not margin-left.
-
Hi Dermot,
could you please send me the HTML code of the email for review so I can make suggestions? Then maybe I would need access to Litmus.
Thank you,
LucyDermot H.09 Oct 2016Hi Lucy, I tried the "Margin-left" trick with no luck. Is it only applied to <p> tags? if so it might not be admissable as I've read that P tags should be avoided in HTML emails.
I'm almost definitely using the wrong terminology in places :/ so yes I probably used "padding" where I meant "margins". I will post the code on here in a min. Thanks. So yeah once you take a look let me know what you might charge and any issues you can foresee.