text is bleeding to the edge of my document

Oresha Greenidge:

Hi Brian,

Thanks, it worked. However it has caused another problem. My Banner is now to short, is there a way to resize my banner?

So the padding may have added padding around your banner - which is what you don't want so you could try putting taking the padding off. Adding a table within the table that your banner is in where your text lives. Then put the padding on the table with the text in it. And your table border will be flush with your banner and the text not.

Oresha Greenidge:

Good morning,

I adjusted my padding to "0"  as suggested, but there is still a large gap between my banner and edge of  page. My campaign "13-April Newsletter" is scheduled to go out in a couple of days. I need the banner adjusted as soon as possible. I appreciate any assistance.

Can you post it so we can look at your code?

Brian Mucha:

Can you post your code as an attachment or put it online somewhere?

Regards, Brian

Jinks!

Oresha Greenidge:

Good morning,

Which code are you asking for specifically? The code for the banner or the coding for the email content?

The whole thing probably (though presumably the banner is where the issue is.)

Regards, Brian

Oresha Greenidge:

The following is the coding for the banner:

<table style="width: 595px;" border="0" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<!-- Content above banner begin -->

<td>

<div align="center"><span style="FONT-SIZE: 9px; FONT-FAMILY: Arial, Helvetica, sans-serif">Having trouble? <a style="FONT-SIZE: 9px; FONT-FAMILY: Arial, Helvetica, sans-serif" href="http://chm.convio.net/site/MessageViewer">View this message on our web site.</a><br /><br /></span></div>

<!-- Content above banner end -->

<table style="width: 595px; border: #cccccc 1px solid;" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<!-- banner begin -->

<td style="BACKGROUND-COLOR: #ffffff"><a href="http://www.childrensdmc.org/"><img style="border: 0;" src="http://chm.convio.net/site/../images/content/pagebuilder/10953.jpg" alt="Children's Hospital of Michigan" width="595" height="187" /></a></td>

<!-- banner end -->

</tr>

<!-- BEGIN navBar below banner -->

<tr>

<td style="padding-bottom:5px; padding-top:5px; background-color:#014c9d;" align="center" valign="top"><span style="color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;"><a style="color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;" href="http://chm.convio.net/site/TellAFriend">Forward to a Friend</a> | <a style="color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;" href="http://chm.convio.net/donate">Donate</a> | <a style="color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;" href="http://www.childrensdmc.org">Our Web site</a></span></td>

</tr>

<!-- END navBar below banner -->

<tr>

<!-- main content begin -->

<td style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 0px solid" valign="top"><span style="FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif"><convio:session name="63" param="2"></convio:session></span></td>

<!-- main content end -->

</tr>

<!-- bottom footer divider image begin -->

<tr>

<td style="BACKGROUND-IMAGE: url(http://chm.convio.net/images/spacer.gif); BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #014c9d"><img src="http://chm.convio.net/images/spacer.gif" alt="" width="1" height="5" /></td>

</tr>

<tr>

<!-- bottom footer divider image end --><!-- bottom footer section of email begin -->

</tr>

<tr>

<!-- background color of footer begin -->

<td style="PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; BACKGROUND-COLOR: #014c9d">

<p style="FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif" align="right"><a href="http://www.convio.com/poweredby"><!-- image comment --><img src="http://chm.convio.net/images/poweredbyconvio.gif" border="0" alt="]" vspace="10" align="left" /></a><a style="FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif" href="http://chm.convio.net/site/CO">Unsubscribe</a> | <a style="FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif" href="http://chm.convio.net/site/TellAFriend">Forward to a Friend</a> | <a style="FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif" href="http://www.childrensdmc.org">Visit our Web site</a> <br /><br /><br />3901 Beaubien, Detroit, Michigan 48201 | tel: (313) 745-5373 <br />Children's Hospital of Michigan &copy; 2009 All rights reserved. </p>

</td>

</tr>

<!-- bottom footer section of email end -->

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

I popped it into dreamweaver and didn't see anything wrong. I think we need code for your whole email.

Lisa Grob:

you could also try setting the cell size for the exact dimensions of your image. or if if it's in it's own table set the table dimensions for that width and height.

I agree, nothing seems really wrong and it looks fine in my browser.

There is a needless table wrapping the whole thing, and some other redundant stuff but I don't see a spacing problem.

Regards, Brian

Brian Mucha:

I agree, nothing seems really wrong and it looks fine in my browser.

There is a needless table wrapping the whole thing, and some other redundant stuff but I don't see a spacing problem.

Regards, Brian

After looking at the code of your message content, I found that you had added a line in between your news articles using special characters. That was stretching the stationery and causing the extra space. I removed that code and now your message doesn't have the space.

To add a line in between articles properly, add:

style="border-bottom: 1px solid #666666;"

to the <td> tag where you wish to have a border along the bottom of the cell. In other words, you cells will look something like this:

<td style="border-bottom: 1px solid #666666;">Content Content Content </td>