Improve company productivity with a Business Account.Sign Up

x
?
Solved

<br> tags and spacer images in HTML emails

Posted on 2011-03-25
5
Medium Priority
?
201 Views
Last Modified: 2012-05-11
Hi

I just wanted to know peoples thoughts on the best way to get pixel perfect spacing between paragraphs etc in html emails.

I have experience of using br and p tags that cause inconsistencies in spacing within different email clients. So, to combat this i have been using spacer images. Some people say this is a bad idea - is this true and if so any advise how spacing should be tackled?

Cheers
0
Comment
Question by:coolispaul
5 Comments
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 35215644
why don't you use the css div combination?
0
 
LVL 12

Expert Comment

by:Amick
ID: 35216678
You can use CSS styles to precisely position each element.

If you're just looking to adjust spacing, something like
<br/><span style="line-height:___px;">&nbsp;<br/></span>

Open in new window

might help you get around the images issue.
0
 
LVL 46

Expert Comment

by:Chris Stanyon
ID: 35230609
Always use CSS for layout. You should never use images or <br /> for spacing. Many people have images turned off in emails, so not only is it bad practice, it would also blow your layout.

To set the spacing below paragraphs simply add a margin-bottom rule to your P tags in CSS.

p { margin-bottom: 25px; }


0
 

Author Comment

by:coolispaul
ID: 35433828
i tried this but i only seem to get success by using spacer images for all clients
0
 
LVL 46

Accepted Solution

by:
Chris Stanyon earned 2000 total points
ID: 35433943
You may need to 'reset' your CSS rules to make your styling as consistent as possible across al clients.

Have a read here - http://meyerweb.com/eric/tools/css/reset/  - and then download and link to the reset.css stylesheet.
0

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

I came across an unsolved Outlook issue and here is my solution.
This tutorial summarizes the causes behind"an unknown error prevented access to the PST File”.  It also suggests the various solutions to fix the problem.
Many of my clients call in with monstrous Gmail overloading issues with Outlook. A quick tip is to turn off the All Mail and Important folders from synching. Here is a quick video I made to show you how to turn off these and other folders in Gmail s…
Is your OST file inaccessible, Need to transfer OST file from one computer to another? Want to convert OST file to PST? If the answer to any of the above question is yes, then look no further. With the help of Stellar OST to PST Converter, you can e…

608 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question