CSS - Remove Extra Background Color On Emails

I have an email that keeps showing the background color above the text.  I want to only highlight the text.  Here is a screenshot.

https://gyazo.com/b90b972039cecb1546e319b60167a5bc

Here is the code I am using:

<table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" style="-webkit-text-stroke-width: 0px; background-color: whiteFsmoke; border-spacing: 0px; color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0px auto; max-width: 600px; orphans: 2; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 600px; word-spacing: 0px;">
	<tbody>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><span style="color: #cc0000;">&nbsp;</span><br />
			<span style="color: #cc0000;">Blog Sponsored by&nbsp;</span><a href="http://www.theherbsplace.com/" rel="nofollow"><b>The Herbs Place</b></a>&nbsp;- <span style="background-color: yellow;">Wholesale Prices Always - Up to 33% Off</span></td>
		</tr>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><a href="http://www.theherbsplace.com/" imageanchor="1" rel="nofollow" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-XsXBsKXDZ34/UNscoQTM32I/AAAAAAAAHIY/nPqDNGVlU2M/s1600/test_half_THP+Gingerbread+Logo.jpg" /></a><a href="http://www.theherbsplace.com/onsale.html" rel="nofollow"><span style="background-color: yellow; height: 20px; font-style: italic;">What&#39;s on Sale Now?</span></a></td>
		</tr>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><a href="http://www.theherbsplace.com/123-brain-health-and-memory" rel="nofollow">Brain Health</a> / <a href="http://www.theherbsplace.com/54-Circulatory_System_Heart_page_1_c_44" rel="nofollow">Heart and Circulatory</a> / <a href="http://www.theherbsplace.com/49-Immune_System_page_1_c_39" rel="nofollow">Immune System</a> / <a href="http://www.theherbsplace.com/83-Female_page_1_c_73" rel="nofollow">Women</a> / <a href="http://www.theherbsplace.com/84-Male_Products_page_1_c_74" rel="nofollow">Men</a> / <a href="http://www.theherbsplace.com/children.html" rel="nofollow">Children</a> / <a href="http://www.theherbsplace.com/essential.html" rel="nofollow">Essential Oils</a> / <a href="http://www.theherbsplace.com/Mood_Support_page_1_c_130.html" rel="nofollow">Mood Support</a> / <a href="http://www.theherbsplace.com/cleansing.html" rel="nofollow">Cleansing</a> / <a href="http://www.theherbsplace.com/weightloss.html" rel="nofollow">Weight Loss</a> / <a href="http://www.theherbsplace.com/28-Pre_Packaged_Programs_page_1_c_18" rel="nofollow">Pre-packaged Programs</a> / <a href="http://www.theherbsplace.com/Heartworm_sp_36.html" rel="nofollow">Pets - Heartworms</a> / <a href="http://www.theherbsplace.com/Shop_A_Z_page_1_c_28.html" rel="nofollow">Products A-Z</a></td>
		</tr>
	</tbody>
</table>

Open in new window

sharingsunshineAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Vinay RajputSr. UI LeadCommented:
Hi sharingsunshine,

try this code, let me know if there any issue
 
<table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" style="-webkit-text-stroke-width: 0px; background-color: whiteFsmoke; border-spacing: 0px; color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0px auto; max-width: 600px; orphans: 2; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 600px; word-spacing: 0px;">
	<tbody>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><span style="color: #cc0000;">&nbsp;</span><br />
			<span style="color: #cc0000;">Blog Sponsored by&nbsp;</span><a href="http://www.theherbsplace.com/" rel="nofollow"><b>The Herbs Place</b></a>&nbsp;- <span style="background-color: yellow;">Wholesale Prices Always - Up to 33% Off</span></td>
		</tr>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><a href="http://www.theherbsplace.com/" imageanchor="1" rel="nofollow" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-XsXBsKXDZ34/UNscoQTM32I/AAAAAAAAHIY/nPqDNGVlU2M/s1600/test_half_THP+Gingerbread+Logo.jpg" /></a><a href="http://www.theherbsplace.com/onsale.html" rel="nofollow"><span style="background-color: yellow;height: 20px;font-style: italic;display:inline; line-height:18px; float: left;margin-top: 68px;padding: 4px 10px 0;">What&#39;s on Sale Now?</span></a></td>
		</tr>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><a href="http://www.theherbsplace.com/123-brain-health-and-memory" rel="nofollow">Brain Health</a> / <a href="http://www.theherbsplace.com/54-Circulatory_System_Heart_page_1_c_44" rel="nofollow">Heart and Circulatory</a> / <a href="http://www.theherbsplace.com/49-Immune_System_page_1_c_39" rel="nofollow">Immune System</a> / <a href="http://www.theherbsplace.com/83-Female_page_1_c_73" rel="nofollow">Women</a> / <a href="http://www.theherbsplace.com/84-Male_Products_page_1_c_74" rel="nofollow">Men</a> / <a href="http://www.theherbsplace.com/children.html" rel="nofollow">Children</a> / <a href="http://www.theherbsplace.com/essential.html" rel="nofollow">Essential Oils</a> / <a href="http://www.theherbsplace.com/Mood_Support_page_1_c_130.html" rel="nofollow">Mood Support</a> / <a href="http://www.theherbsplace.com/cleansing.html" rel="nofollow">Cleansing</a> / <a href="http://www.theherbsplace.com/weightloss.html" rel="nofollow">Weight Loss</a> / <a href="http://www.theherbsplace.com/28-Pre_Packaged_Programs_page_1_c_18" rel="nofollow">Pre-packaged Programs</a> / <a href="http://www.theherbsplace.com/Heartworm_sp_36.html" rel="nofollow">Pets - Heartworms</a> / <a href="http://www.theherbsplace.com/Shop_A_Z_page_1_c_28.html" rel="nofollow">Products A-Z</a></td>
		</tr>
	</tbody>
</table>

Open in new window

0
Julian HansenCommented:
What is happening is it is stretching the <span> to the height of the cell.

Difficult to troubleshoot this one as short of creating the email and sending it you can't see or play with the results. Mail clients use ridculously outdated HTML interpreters that do dumb things.

I tried a few things but it seems the HTML interpreter is dead set on making elements contained in the <td> to be the same height as the <td>
1
sharingsunshineAuthor Commented:
The code didn't work.  Here is a screenshot https://gyazo.com/202475b43372ce69a55ac1e87655d5dc
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
sharingsunshine,

If you are still interested in finding a fix, perhaps do as Julian suggests.  Send yourself the email and grab the full html from there. Obfuscate personal data such as email address and post back the complete code.
0
Julian HansenCommented:
Another idea
Create another table inside the cell and put your span there and see if you can style that.
1
sharingsunshineAuthor Commented:
I am not real clear on how I would follow your suggestion Julian. Therefore, I have included the html code of an email sent to me.  
So, please explain how you would want me to include a table around the background-color tag at the bottom.

<html>
<head>
	<title></title>
</head>
<body>
<table width="700">
	<tbody>
		<tr>
			<td>
			<p align="center"><a href="http://www.abc.com/sendy/w/XA9J763r0cC5MGz0Lk892gbxlw/ACx7638vw5sGEHFDzym5VW0Q/7RXHuTLz763gVJQQf3PeoX2w" >View web version</a></p>

			<center>
			<div align="center">
			<table align="center" border="0" cellpadding="0" cellspacing="0" class="outer">
				<tbody>
					<tr>
						<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
						<table align="center" cellpadding="0" cellspacing="0" class="preheader" style="border-spacing: 0; width: 100%px;">
							<tbody>
							</tbody>
						</table>
						</td>
					</tr>
					<tr>
						<td bgcolor="#ffffff" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
						<table align="center" bgcolor="#ffffff" style="border-spacing: 0; width: 100%px;">
							<tbody>
								<tr>
									<td align="left" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 10px; padding-right: 0; padding-top: 0; text-align: left;"><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #5583c7;" target="_blank"><img alt="Nature's Sunshine" src="https://image.exct.net/lib/ff2c1c757166/i/4/096bf034-0.jpg" style="border-width: 0; display: block;" /></a></td>
									<td align="center" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;" valign="top" width="110">
									<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
										<tbody>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;"><img alt="" src="https://image.exct.net/lib/ff2c1c757166/i/9/8dd36dd8-9.jpg" style="border-width: 0; display: block;" width="40" /></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<tr>
						<td bgcolor="#ffffff" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
						<center>
						<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
							<tbody>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;"><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #5583c7;" target="_blank"><img alt="" src="https://image.exct.net/lib/ff2c1c757166/i/9/4fb88e57-a.jpg" style="border-width: 0; height: auto; max-width: 600px; width: 100%;" /></a></td>
								</tr>
							</tbody>
						</table>
						</center>
						</td>
					</tr>
					<tr>
						<td bgcolor="#ffffff" style="border-bottom-color: #d5d5d5; border-bottom-style: solid; border-bottom-width: 1px; color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px;">&nbsp;</td>
					</tr>
					<tr>
						<td bgcolor="#f5f5f5" height="15" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">&nbsp;</td>
					</tr>
					<tr>
						<td bgcolor="#ffffff" style="border-bottom-color: #e5e5e5; border-bottom-style: solid; border-bottom-width: 2px; color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; padding-top: 20px;">
						<center>
						<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
							<tbody>
								<tr>
									<td style="color: #64a610; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 34px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center;"><b>Five Favorites up to 18% off!</b></td>
								</tr>
								<tr>
									<td style="color: #64a610; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 30px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 5px; text-align: center;">Feb. 28-March 5 only</td>
								</tr>
								<tr>
									<td class="multi-column" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 0px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 25px; text-align: center;">
									<div class="column" style="display: inline-block; max-width: 280px; vertical-align: top; width: 100%;">
									<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
										<tbody>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" valign="top" width="50%">
												<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
													<tbody>
														<tr>
															<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
															<center>
															<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
																<tbody>
																	<tr>
																		<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;"><img alt="Berberine IR" src="https://image.exct.net/lib/ff2c1c757166/i/9/ad43cf8c-a.jpg" style="border-width: 0;" /></td>
																	</tr>
																</tbody>
															</table>
															</center>
															</td>
														</tr>
														<tr>
															<td class="text" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 10px; text-align: center;"><b><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #6e6f74; text-decoration: none;" target="_blank">Berberine IR&trade;</a></b></td>
														</tr>
													</tbody>
												</table>
												</td>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" valign="top" width="50%">
												<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
													<tbody>
														<tr>
															<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
															<center>
															<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
																<tbody>
																	<tr>
																		<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;"><img alt="Mind-Max" src="https://image.exct.net/lib/ff2c1c757166/i/9/ff300a40-1.jpg" style="border-width: 0;" /></td>
																	</tr>
																</tbody>
															</table>
															</center>
															</td>
														</tr>
														<tr>
															<td class="text" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 10px; text-align: center;"><b><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #6e6f74; text-decoration: none;" target="_blank">Mind-Max<sup>&reg;</sup></a></b></td>
														</tr>
													</tbody>
												</table>
												</td>
											</tr>
										</tbody>
									</table>
									</div>

									<div class="column" style="display: inline-block; max-width: 140px; vertical-align: top; width: 100%;">
									<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
										<tbody>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" valign="top" width="50%">
												<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
													<tbody>
														<tr>
															<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
															<center>
															<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
																<tbody>
																	<tr>
																		<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;"><img alt="Super ORAC" src="https://image.exct.net/lib/ff2c1c757166/i/9/b5244440-b.jpg" style="border-width: 0;" /></td>
																	</tr>
																</tbody>
															</table>
															</center>
															</td>
														</tr>
														<tr>
															<td class="text" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 10px; text-align: center;"><b><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #6e6f74; text-decoration: none;" target="_blank">Super ORAC</a></b></td>
														</tr>
													</tbody>
												</table>
												</td>
											</tr>
										</tbody>
									</table>
									</div>
									</td>
								</tr>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 25px;">
									<center>
									<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
										<tbody>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" valign="top">
												<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
													<tbody>
														<tr>
															<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
															<center>
															<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
																<tbody>
																	<tr>
																		<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;"><img alt="Magnesium Complex" src="https://image.exct.net/lib/ff2c1c757166/i/9/7ccc492a-5.jpg" style="border-width: 0;" /></td>
																	</tr>
																</tbody>
															</table>
															</center>
															</td>
														</tr>
														<tr>
															<td class="text" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 10px; text-align: center;"><b><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #6e6f74; text-decoration: none;" target="_blank">Magnesium<br />
															Complex</a></b></td>
														</tr>
													</tbody>
												</table>
												</td>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" valign="top">
												<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
													<tbody>
														<tr>
															<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
															<center>
															<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
																<tbody>
																	<tr>
																		<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;"><img alt="Nature's Noni" src="https://image.exct.net/lib/ff2c1c757166/i/9/cc63af2b-b.jpg" style="border-width: 0;" /></td>
																	</tr>
																</tbody>
															</table>
															</center>
															</td>
														</tr>
														<tr>
															<td class="text" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 10px; text-align: center;"><b><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #6e6f74; text-decoration: none;" target="_blank">Nature&#39;s Noni<sup>&reg;</sup><br />
															Juice</a></b></td>
														</tr>
													</tbody>
												</table>
												</td>
											</tr>
										</tbody>
									</table>
									</center>
									</td>
								</tr>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 20px;">
									<center>
									<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
										<tbody>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">
												<table style="border-spacing: 0;">
													<tbody>
														<tr>
															<td align="center" bgcolor="#ffffff" class="buttonCell" height="27" style="background-attachment: scroll; background-color: white; background-image: none; background-position: top left; background-repeat: repeat; border-bottom-color: #64a610; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #64a610; border-left-style: solid; border-left-width: 1px; border-right-color: #64a610; border-right-style: solid; border-right-width: 1px; border-top-color: #64a610; border-top-style: solid; border-top-width: 1px; color: #64a610; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;" width="150">
															<center><a class="buttonLink" height="27" href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/EWVw4tH763fgrVORdn9j8MEw/7RXHuTLz763gVJQQf3PeoX2w" style="color: #64a610; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 27px; text-align: center; text-decoration: none; width: 100%;" target="_blank"><span style="color: #64a610;"><b>SHOP NOW</b></span></a></center>
															</td>
														</tr>
													</tbody>
												</table>
												</td>
											</tr>
										</tbody>
									</table>
									</center>
									</td>
								</tr>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 30px;">
									<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
										<tbody>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</center>
						</td>
					</tr>
					<tr>
						<td bgcolor="#f5f5f5" height="15" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">&nbsp;</td>
					</tr>
					<tr>
						<td bgcolor="#ffffff" style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0;">&nbsp;</td>
					</tr>
					<tr>
						<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 0;">
						<center>
						<table border="0" cellpadding="0" cellspacing="0" class="terms" style="border-spacing: 0; width: 100%px;">
							<tbody>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 15px; text-align: left;"><b>Offer Terms &amp; Conditions:</b></td>
								</tr>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 5px; text-align: left;">
									<table align="center" border="0" cellpadding="2" cellspacing="0" style="border-spacing: 0; width: 95%px;">
										<tbody>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 4px; text-align: left;" valign="top" width="9">&bull;</td>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 4px; text-align: left;">Weekly Specials not valid on prior purchases or purchases made after March 5.</td>
											</tr>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 4px; text-align: left;" valign="top" width="9">&bull;</td>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 4px; text-align: left;">This offer may not be combined with any other special offer, discount or Sunshine Rewards orders.</td>
											</tr>
											<tr>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 4px; text-align: left;" valign="top" width="9">&bull;</td>
												<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 4px; text-align: left;">Offers available in the US only.</td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 15px; text-align: left;">Although inventories have been increased for this promotion, NSP reserves the right to discontinue any product sales due to exceedingly high demand and/or manufacturing constraints. Discounted products may not be combined with any other offer, discount or certificate. Offer valid in the U.S. only.</td>
								</tr>
								<tr>
									<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 15px; text-align: left;">These statements have not been evaluated by the Food and Drug Administration. These products are not intended to diagnose, treat, cure or prevent any disease.</td>
								</tr>
							</tbody>
						</table>
						</center>
						</td>
					</tr>
					<tr>
						<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 15px;">
						<table border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 100%px;">
							<tbody>
							</tbody>
						</table>
						</td>
					</tr>
					<tr>
						<td style="color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 20px; text-align: center;">
						<center>
						<table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#6e6f74;">
							<tbody>
								<tr>
									<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#6e6f74;"><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/Sa4frPZg6HEHV763Nglvcxhg/7RXHuTLz763gVJQQf3PeoX2w" style="color:#5583C7;" target="_blank"><img alt="Facebook" src="http://image.exct.net/lib/ff2c1c757166/i/6/b753e2d0-f.jpg" style="display:block;border-width:0;" /></a></td>
									<td height="30" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#6e6f74;" width="7">&nbsp;</td>
									<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#6e6f74;"><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/gl6TcoY1WwN9pLqCqS89246Q/7RXHuTLz763gVJQQf3PeoX2w" style="color:#5583C7;" target="_blank"><img alt="Twitter" src="http://image.exct.net/lib/ff2c1c757166/i/6/45dae22f-9.jpg" style="display:block;border-width:0;" /></a></td>
									<td height="30" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#6e6f74;" width="7">&nbsp;</td>
									<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#6e6f74;"><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/uvSfWznvMH2CKp3MaxQGvg/7RXHuTLz763gVJQQf3PeoX2w" style="color:#5583C7;" target="_blank"><img alt="Pinterest" src="http://image.exct.net/lib/ff2c1c757166/i/6/4d2d6570-2.jpg" style="display:block;border-width:0;" /></a></td>
								</tr>
							</tbody>
						</table>
						</center>

						<p align="center">Please click here to <a href="http://www.abc.com/sendy/unsubscribe/SB2VMH0W7phmSXLvXAUrP892yGTwGSdLnDklNFaSU4w9A/ACx7638vw5sGEHFDzym5VW0Q/7RXHuTLz763gVJQQf3PeoX2w" >change your email preferences</a></p>
						</td>
					</tr>
				</tbody>
			</table>

			<table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" style="-webkit-text-stroke-width: 0px; background-color: whiteFsmoke; border-spacing: 0px; color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0px auto; max-width: 600px; orphans: 2; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 600px; word-spacing: 0px;">
				<tbody>
					<tr>
						<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><span style="color: #cc0000;">&nbsp;</span><br />
						<span style="color: #cc0000;">Blog Sponsored by&nbsp;</span><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/pTixVheAWEgCUHtCevZEBA/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow"><b>The Herbs Place</b></a>&nbsp;- <span style="background-color: yellow;">Wholesale Prices Always - Up to 33% Off</span></td>
					</tr>
					<tr>
						<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/pTixVheAWEgCUHtCevZEBA/7RXHuTLz763gVJQQf3PeoX2w" imageanchor="1" rel="nofollow" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-XsXBsKXDZ34/UNscoQTM32I/AAAAAAAAHIY/nPqDNGVlU2M/s1600/test_half_THP+Gingerbread+Logo.jpg" /></a><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/wo1HxV2ZFOYcKPsnhQvVjg/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow"><span style="background-color: yellow; height: 20px; font-style: italic;">What&#39;s on Sale Now?</span></a></td>
					</tr>
					<tr>
						<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/c141E77YF892763S7d763uRAyrGA/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Brain Health</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/V892F892T2EAszHZChLrLkQa4A/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Heart and Circulatory</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/f86eCoq4XF89213V8SabXcMg/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Immune System</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/892bFeEi0hwoqHjaqQMesEZA/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Women</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/0WGpDdgOF44Sjo4DZKDSLw/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Men</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/kOMO9hizTnnLYUMzBH3iVw/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Children</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/LU892sWv6kmxXMS8Y335DUjA/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Essential Oils</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/iieapg8928xczi4x7dvUELhA/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Mood Support</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/JgBv1892oUhV8BkH6iqncT892g/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Cleansing</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/uNYmb7hneaHeTIiSdkm892Ig/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Weight Loss</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/FilkUjyDUXuqu8STn5RLlg/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Pre-packaged Programs</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/5uJqTLFvaYsAyqt0JADaFQ/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Pets - Heartworms</a> / <a href="http://www.abc.com/sendy/l/XA9J763r0cC5MGz0Lk892gbxlw/eHL8pQStSQCLGp5nzPecJg/7RXHuTLz763gVJQQf3PeoX2w" rel="nofollow">Products A-Z</a></td>
					</tr>
				</tbody>
			</table>
			</div>
			</center>
			</td>
		</tr>
	</tbody>
</table>
<div id="DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2"><br />
<table style="border-top: 1px solid #D3D4DE;">
	<tr>
        <td style="width: 55px; padding-top: 13px;"><a href="http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient" target="_blank"><img src="https://ipmcdn.avast.com/images/icons/icon-envelope-tick-green-avg-v1.png" alt=""  width="46" height="29" style="width: 46px; height: 29px;" /></a></td>
		<td style="width: 470px; padding-top: 12px; color: #41424e; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Virus-free. <a href="http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient" target="_blank" style="color: #4453ea;">www.avg.com</a>
		</td>
	</tr>
</table><a href="#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2" width="1" height="1"> </a></div></body>
</html>
<img src="http://www.abc.com/sendy/t/7RXHuTLz763gVJQQf3PeoX2w/XA9J763r0cC5MGz0Lk892gbxlw" alt="" style="width:1px;height:1px;"/>

Open in new window

0
Julian HansenCommented:
I was suggesting something like this
<html>
<body>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="outer" style="-webkit-text-stroke-width: 0px; background-color: whiteFsmoke; border-spacing: 0px; color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0px auto; max-width: 600px; orphans: 2; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 600px; word-spacing: 0px;">
	<tbody>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><span style="color: #cc0000;">&nbsp;</span><br />
			<span style="color: #cc0000;">Blog Sponsored by&nbsp;</span><a href="http://www.theherbsplace.com/" rel="nofollow"><b>The Herbs Place</b></a>&nbsp;- <span style="background-color: yellow;">Wholesale Prices Always - Up to 33% Off</span>
			</td>
		</tr>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;">
				<table>
					<tr>
						<td>
							<a href="http://www.theherbsplace.com/" imageanchor="1" rel="nofollow" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
								<img border="0" src="https://1.bp.blogspot.com/-XsXBsKXDZ34/UNscoQTM32I/AAAAAAAAHIY/nPqDNGVlU2M/s1600/test_half_THP+Gingerbread+Logo.jpg" />
							</a>
						</td>
						<td>
							<a href="http://www.theherbsplace.com/onsale.html" rel="nofollow">
								<span style="background-color: yellow; font-style: italic;">What&#39;s on Sale Now?</span>
							</a>
						</td>
					</tr>
				</table>
		</tr>
		<tr>
			<td bgcolor="#ffffff" style="border-bottom: 1px solid rgb(213, 213, 213); color: #6e6f74; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 0px 10px 20px;"><a href="http://www.theherbsplace.com/123-brain-health-and-memory" rel="nofollow">Brain Health</a> / <a href="http://www.theherbsplace.com/54-Circulatory_System_Heart_page_1_c_44" rel="nofollow">Heart and Circulatory</a> / <a href="http://www.theherbsplace.com/49-Immune_System_page_1_c_39" rel="nofollow">Immune System</a> / <a href="http://www.theherbsplace.com/83-Female_page_1_c_73" rel="nofollow">Women</a> / <a href="http://www.theherbsplace.com/84-Male_Products_page_1_c_74" rel="nofollow">Men</a> / <a href="http://www.theherbsplace.com/children.html" rel="nofollow">Children</a> / <a href="http://www.theherbsplace.com/essential.html" rel="nofollow">Essential Oils</a> / <a href="http://www.theherbsplace.com/Mood_Support_page_1_c_130.html" rel="nofollow">Mood Support</a> / <a href="http://www.theherbsplace.com/cleansing.html" rel="nofollow">Cleansing</a> / <a href="http://www.theherbsplace.com/weightloss.html" rel="nofollow">Weight Loss</a> / <a href="http://www.theherbsplace.com/28-Pre_Packaged_Programs_page_1_c_18" rel="nofollow">Pre-packaged Programs</a> / <a href="http://www.theherbsplace.com/Heartworm_sp_36.html" rel="nofollow">Pets - Heartworms</a> / <a href="http://www.theherbsplace.com/Shop_A_Z_page_1_c_28.html" rel="nofollow">Products A-Z</a></td>
		</tr>
	</tbody>
</table>
</body>
</html>

Open in new window


I tested this and it appears to be on the right track
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.