NewZapp-Factsheet-Email-Building-Best-Practice-Designers

Recommendations

Info

Styling and other featuresOnce the email’s layout structure has been created, fixed contentadded, the next stage is to go back through and set the following:text and image links where required;text styling – font, colour, size, weight etc;alt and title text where required;for editable emails, this is the point where you need to defineeditable areas using custom tags and other elements asspecified by your email service provider.On the following pages we will cover best practice when adding these crucial properties to elementsin your HTML email layout >>17
Formatting your email’s contentSetting styles for HTML ‘real text’ contentWhat to do …Set the default text styling for your email in the tag using an inline CSS declaration.CSS formatting should be included in the and any other HTML element enclosing content,such as , , , and tags. …Lorem ipsum sitamet dolore quora.Why?Default text styling set in the tagensures that any content that does not haveany formatting of its own does not revert tobrowser defaults.Setting text formatting using CSS in the of your email doesn’t work in all email readers -inline CSS style declarations on individual HTMLelements is more reliable.<strong>Email</strong> readerdefaults will takeover if inlinestyles are notincluded on the and otherelementssurroundingHTML textAvoid using standard HTML attributes in tags as this is not always recognised.Inline CSS set in elements immediately around content takes precedence over any other styling.Avoid using ‘shorthand’ CSS notation for text styling – the full ‘longhand’ style declaration witheach attribute defined separately and in full is more reliable.In responsive emails, you can alter text formatting attributes by adding alternative styles to aMedia Query then setting classes on the relevant .18
Page 2 and 3: Table of ContentsWhy is email displ
Page 4 and 5: Expert Email DesignThere are quite
Page 6 and 7: Web and mobile device email readers
Page 8 and 9: What to include in your email tagK
Page 11 and 12: Using HTML tables to lay out your e
Page 17: Adding graphic content to your emai
Page 21 and 22: Formatting your email’s contentSe
Page 23 and 24: Formatting your email’s contentSe
Page 25: Extra readingIf you would like to k

NewZapp-Factsheet-Email-Building-Best-Practice-Designers

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?