Solved

<br> tags and spacer images in HTML emails

Posted on 2011-03-25
5
195 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
5 Comments
 
LVL 40

Expert Comment

by:gurvinder372
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 43

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 43

Accepted Solution

by:
Chris Stanyon earned 500 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

PHP contact form that lets the user to contact the company through email contact form. A button is fixed at the bottom of site, on clicking a new window will open where a user can send the email.
Unified and professional email signatures help maintain a consistent company brand image to the outside world. This article shows how to create an email signature in Exchange Server 2010 using a transport rule and how to overcome native limitations …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

717 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