Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Making HTML Email, Comes out with unwanted lines

M

mashinhead

macrumors 68040
Original poster
Oct 7, 2003
3,017
1,049
So I made an html email. all looks well in DW but when I send out a test email I get these unwanted lines in between the rows. I can't figure it out.

All the cell padding and spacing and borders are set at 0.

Any ideas?



Uploaded with ImageShack.us
 
In what email client? A number don't handle CSS very well depending how you're applying your attributes like the cell spacing and padding. Also, seeing the exact code would be helpful.
 
I'm checking it in gmail. I didn't really apply CSS it's pretty default settings.


code

 
What does the HTML code look like from the mail client? You should be able to find a "view e-mail source" somewhere. I think Google calls it "show original" hidden under the dropdown menu next to the reply button.
 
I had this problem once when using a system to email clients. The solution was something like putting <align=bottom> for each image. Sorry I don't remember the exact solution.
 
Doing a screen shot of text seems very odd. It would have been more practical to copy and paste the code.

Anyways, add the attribute valign="top" to the td tags with images.
 
miles01110 said:
...or just don't send out HTML e-mails to begin with. What if the recipient has HTML display turned off?
Click to expand...

Well, you can send two versions of the same email for text-only users in a single message. It's not clear if the OP is doing so, but isn't really relevant to their question either. Though I do prefer text emails myself.
 
Are you uploading the HTML and then sending via Apple's 'email page' function? if so that always has this issue as far as i've ever known.

You need to send through an application which sends HTML emails -*Maxbulk mailer is my personal preference.
Also to make sure it is as compatible as possible lose up all the gaps after the <td>s so each table row content is one line of code.
 
angelwatt said:
Well, you can send two versions of the same email for text-only users in a single message. It's not clear if the OP is doing so, but isn't really relevant to their question either. Though I do prefer text emails myself.
Click to expand...

But every e-mail client renders HTML differently. You're going to need to test the code in every major mail client if you're worried about it displaying correctly.
 
You table border size should be '0' not '00'. Manually set the dimensions on the table cells, not just the images inside. And be careful about white space and line breaks inside the TDs. Some rendering engines (crappier older ones) like to add random whitespace.

If none of that works, try setting the line-height css property on the images.
 
a cat *miaow* said:
Are you uploading the HTML and then sending via Apple's 'email page' function? if so that always has this issue as far as i've ever known.

You need to send through an application which sends HTML emails -*Maxbulk mailer is my personal preference.
Also to make sure it is as compatible as possible lose up all the gaps after the <td>s so each table row content is one line of code.
Click to expand...


I am using the Safari shortcut to send this.
 
just remove height:

<table width="650" height="801" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
 
TassKaff said:
stupid answer!
Click to expand...

Why is that a stupid answer? It points out just one of many problems with relying on HTML email for anything. I don't see you providing anything constructive to the discussion.

From someone that has been forced by my job to work with HTML email formatting and testing I can tell you from experience that no amount of testing will result in consistent HTML display across even the most popular email clients. It's simply not possible. The closest you will ever get is to go back to the table-based layouts and inline CSS and attributes that should have been abandoned in all HTML over a decade ago. If the OP insists on HTML email, plan on testing on dozens of browsers and mail clients on desktop and mobile, and on different OSs as well. Good luck getting any of them to actually look consistent of even usable on small screens unless the messaging is so simple and linear that it could have been conveyed as a plain text email in the first place with a link to a real website for more information.
 
  • Like
Reactions: ratsg
Did you read the question?
[doublepost=1457686190][/doublepost]
IHelpId10t5 said:
Why is that a stupid answer? It points out just one of many problems with relying on HTML email for anything. I don't see you providing anything constructive to the discussion.

From someone that has been forced by my job to work with HTML email formatting and testing I can tell you from experience that no amount of testing will result in consistent HTML display across even the most popular email clients. It's simply not possible. The closest you will ever get is to go back to the table-based layouts and inline CSS and attributes that should have been abandoned in all HTML over a decade ago. If the OP insists on HTML email, plan on testing on dozens of browsers and mail clients on desktop and mobile, and on different OSs as well. Good luck getting any of them to actually look consistent of even usable on small screens unless the messaging is so simple and linear that it could have been conveyed as a plain text email in the first place with a link to a real website for more information.
Click to expand...

Did you read the question?
[doublepost=1457686273][/doublepost]&nbsp
 
I was working on an HTML e-mail, and ran into an issue with borders.
[doublepost=1459830668][/doublepost]Lately quite a few emails in my inbox have what I assume to be an accidental blue border around some (but not all) of the images. Can anyone suggest a solution?
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back