I created this using notepad and was checking it in Firefox, but when i finished and checked it in IE it looks like crap. I even opened up Dreamweaver and it shows it looking great. I can't find what is causing it. I have double, triple checked to make sure that all my ", <, >, tr, td, etc. are opened and closed properly. Please can anyone help? Thanks in advance.
Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DirectTV</title>
<style type="text/css">
<!--
A {color: #6599c9; background: transparent none; text-decoration: underline;}
A:link {color: #6599c9; background: transparent none; text-decoration: underline;}
.pricetable {
border-top-width: Medium;
border-right-width: Medium;
border-bottom-width: Medium;
border-left-width: Medium;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #1C6A9B;
border-left-color: #1C6A9B;
font-size: small;
color: #0092CD;
}
.pricetableleft {
border-top-width: Medium;
border-right-width: none;
border-bottom-width: Medium;
border-left-width: Medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #1C6A9B;
border-left-color: #1C6A9B;
color: #245397;
}
.pricetableright {
border-top-width: Medium;
border-right-width: Medium;
border-bottom-width: Medium;
border-left-width: none;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-right-color: #1C6A9B;
border-left-color: #1C6A9B;
font-size: small;
color: #0092CD;
}
.pricetablebottomleft {
border-top-width: Medium;
border-right-width: none;
border-bottom-width: Medium;
border-left-width: Medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #1C6A9B;
border-right-color: #1C6A9B;
border-left-color: #1C6A9B;
font-size: small;
color: #0092CD;
}
.pricetablebottomright {
border-top-width: Medium;
border-right-width: Medium;
border-bottom-width: Medium;
border-left-width: none;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #1C6A9B;
border-right-color: #1C6A9B;
border-left-color: #1C6A9B;
font-size: small;
color: #0092CD;
}
.hotpassleft {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: Medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #BBBBBB;
border-right-color: #BBBBBB;
border-left-color: #1C6A9B;
border-top-color: #BBBBBB;
font-size: small;
color: #0092CD;
}
.hotpassright {
border-top-width: thin;
border-right-width: Medium;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #BBBBBB;
border-right-color: #1C6A9B;
border-left-color: #BBBBBB;
border-top-color: #BBBBBB;
font-size: small;
color: #0092CD;
}
.hotpassmiddle {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #BBBBBB;
border-right-color: #BBBBBB;
border-left-color: #BBBBBB;
border-top-color: #BBBBBB;
font-size: small;
color: #0092CD;
}
.hotpassbottom {
border-top-width: Medium;
border-right-width: Medium;
border-bottom-width: Medium;
border-left-width: Medium;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #1C6A9B;
border-right-color: #1C6A9B;
border-left-color: #1C6A9B;
font-size: small;
color: #0092CD;
}
.hotpasstop {
border-top-width: Medium;
border-right-width: Medium;
border-bottom-width: Medium;
border-left-width: Medium;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #1C6A9B;
border-right-color: #1C6A9B;
border-left-color: #1C6A9B;
font-size: small;
color: #0092CD;
}
.credit {
font-size: x-small;
color: #777777;
}
.font {
font-family: "Verdana";
font-size: small;
}
.font2 {
font-family: "Verdana";
font-size: x-small;
}
-->
</style>
</head>
<body class="font">
<table width="630px" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" class="font">
If you can't see the email below, <a href="">click here</a>
</td>
</tr>
<tr>
<td bgcolor="#003d69" width="15px">
</td>
<td>
<table width="600px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="136">
<img src="racecar.jpg" alt="Racecar" width="401" height="136" border="0" />
</td>
<td rowspan="2" valign="top">
<img src="racecar2.jpg" alt"Racecar" width="203" height="276" border="0" />
<table width="100%" border="0">
<tr>
<td bgcolor="#BBBBBB" width="100%">
Your Questions on HotPass<br />
Have any good thoughts about NASCAR HotPass?
</td>
</tr>
<tr>
<td bgcolor="FFFFFF" align="center">
<br />
<div align="right"><img src="price.jpg" alt="price" border="0" width="189" /></div>
<table width="83%" align="center" cellpadding="2" cellspacing="0">
<tr>
<td class="pricetable" colspan="2">
OVER <font color="#245397">185</font> CHANNELS INCLUDING LOCALS
</td>
</tr>
<tr>
<td class="pricetable" colspan="2">
ALL THE BEST<br /> <font color="#245397">HD CHANNELS</font>
</td>
</tr>
<tr>
<td class="pricetableleft" style="border-right-width: none">
PLUS
</td>
<td class="pricetableright" align="right" style="border-left-width: none">
<img src="hbo.jpg" alt="HBO" border="0" />
</td>
</tr>
<tr>
<td class="pricetablebottomleft" style="border-right-width: none">
<font color="#245397">3 FREE MONTHS OF</font><br /> HBO and Cinemax
</td>
<td class="pricetablebottomright" align="right" style="border-left-width: none">
<img src="cinemax.jpg" alt="Cinemax" border="0" />
</td>
</tr>
</table>
<div align="left"><font class="credit">Price reflected includes a $10 bill credit per month for 12 consecutive months after mail-in redemption.</font></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td rowspan="2" valign="top">
<table width="100%" border="0" bgcolor="#FFFFFF" class>
<tr>
<td>
Ready for heart-pounding NASCAR action? NASCAR HotPass lets you ride shotgun with this week's top drivers at the <font color="#245397">Lowe's Motor Speedway</font> in Concord, North Carolina. Be sure to catch the action on NASCAR HotPass.<br />
<br />
<strong>Sunday, May 27 :: 5:35 pm ET/2:35 pm PT</strong><br/>
<br />
<div align="right"><a href="">2007 NASCAR Race Schedule</a></div>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td colspan="4" align="center" bgcolor="#245397" class="hotpasstop">
<font color="#FFFFFF">NASCAR HotPass - Race Thirteen*</font>
</td>
</tr>
<tr bgcolor="#669acc">
<td class="hotpassleft">
<font color="#FFFFFF">NAME*</font>
</td>
<td class="hotpassmiddle">
<font color="#FFFFFF">CAR</font>
</td>
<td class="hotpassmiddle">
<font color="#FFFFFF">2007 CURRENT RANKING</font>
</td>
<td class="hotpassright">
<font color="#FFFFFF">CHANNEL</font>
</td>
</tr>
<tr bgcolor="#e0f0ff">
<td class="hotpassleft">
Matt Kenseth
</td>
<td class="hotpassmiddle">
17
</td>
<td class="hotpassmiddle">
3rd
</td>
<td class="hotpassright">
795
</td>
</tr>
<tr>
<td class="hotpassleft">
Tony Stewart
</td>
<td class="hotpassmiddle">
20
</td>
<td class="hotpassmiddle">
6th
</td>
<td class="hotpassright">
796
</td>
</tr>
<tr bgcolor="#e0f0ff">
<td class="hotpassleft">
Jimmie Johnson
</td>
<td class="hotpassmiddle">
48
</td>
<td class="hotpassmiddle">
2nd
</td>
<td class="hotpassright">
797
</td>
</tr>
<tr>
<td class="hotpassleft">
National Race Broadcast
</td>
<td class="hotpassmiddle">
</td>
<td class="hotpassmiddle">
</td>
<td class="hotpassright">
FOX
</td>
</tr>
<tr>
<td colspan="4" class="hotpassbottom">
</td>
</tr>
</table>
<br />
<strong>We Heard You</strong><br />
<font color="#245397">Team only audio</font> has been added to NASCAR HotPass. Listen in on one of three audio streams: Team and Announcer, Team Only or National Broadcast. Interactive box* customers can use the yellow button on the interactive menu. If you don't have an interactive receiver, you can change audio using your remote's Audio or ALT Audio option of your Menu.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</td>
<td bgcolor="#003d69" width="15px">
</td>
</tr>
<tr>
<td bgcolor="#003d69" width="15px">
</td>
<td>
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="2" colspan="2">
<tr>
<td align="center">
<a href="">My Account</a>
</td>
<td align="center">
<a href="">Pay Bill Now</a>
</td>
<td align="center">
<a href="">TV Listings</a>
</td>
<td align="center">
<a href="">Pay Per View Movies</a>
</td>
<td align="center">
<a href="">Add Programming</a>
</td>
</tr>
</table>
</td>
<td bgcolor="#003d69" width="15px">
</td>
</tr>
<tr>
<td bgcolor="#003d69" width="100%" colspan="3">
<br />
<table width="100%" border="0">
<tr>
<td rowspan="2" width="10px">
</td>
<td>
<a href="" width="20%">Privacy Policy</a>
</td>
<td align="center">
<font color="#777777">|</font>
</td>
<td align="center">
<a href="" width="20%">Customer Care</a>
</td>
<td align="center">
<font color="#777777">|</font>
</td>
<td width="20%" align="center">
<a href="">Unsubscribe</a>
</td>
<td width="40%" align="center">
</td>
</tr>
<tr>
<td colspan="6" class="font2">
<font color="#777777">Please don't respond to this email. If you have questions or concerns, contact</font> <a href="">Customer Care</a>.
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>