html for email newsletter - using tables -can't get rid of border/padding.

Posted on 2014-04-11
Medium Priority
Last Modified: 2014-04-17
I'm seeing this in firefox -very frustrating.

I'm using tables because I'm sending an html email.

notice the red border at the bottom of the page here (it's actually a red background that I'm using for testing)


I've tried everything I can think of to get rid of it. I'm adding a few more rows and the space can't be there.  Here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<title>Untitled Document</title>
<meta charset="utf-8">

<table width="600" height="578" border="0" cellspacing="0" cellpadding="0" style="background:red;padding:0; margin:0;height:578px;">
<td valign="top" style="padding:0;margin:0;height:578px;border:none;"><img src="images/novartis-1.jpg" alt="You are cordially invited to attend a Speaker Program on: Managing Oral Oncology Products Throughout the Patient Continuum of Care" width="600" height="578" border="0"></td>
<map name="Map">
  <area shape="rect" coords="448,86,550,102" href="http://www.novartis.com/privacy-policy.shtml" target="_blank" alt="Novartis Privacy Policy">

Open in new window

Question by:phillystyle123
1 Comment
LVL 75

Accepted Solution

käµfm³d   👽 earned 2000 total points
ID: 39995600
As discussed in this article:


...I suspect what you are seeing is related to the hangover of various letters such as p and q. Basically, your <img> is inline by default, and inline elements align themselves to the baseline of text. Basesline does not include the bottom parts of letters like p and q. So, even though you don't have any text in your cell, the CSS still makes room for the hangover because the <img> is an inline element. You can either change the display attribute of your image's style to be block, or you can set the cell's vertical-alignment to bottom.

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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

Among the most obnoxious of Exchange errors is error 1216 – Attached Database Mismatch error of the Jet Database Engine. When faced with this error, users may have to suffer from mailbox inaccessibility and in worst situations, permanent data loss.
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.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
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…

600 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