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.dt d">
<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;
}
.pricetablerigh t {
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;
}
.pricetablebott omleft {
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;
}
.pricetablebott omright {
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="#003d6 9" width="15px">
</td>
<td>
<table width="600px" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="136">
<img src="racecar.jp g" alt="Racecar" width="401" height="136" border="0" />
</td>
<td rowspan="2" valign="top">
<img src="racecar2.j pg" alt"Racecar" width="203" height="276" border="0" />
<table width="100%" border="0">
<tr>
<td bgcolor="#BBBBB B" 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="pricetab le" colspan="2">
OVER <font color="#245397" >185</font> CHANNELS INCLUDING LOCALS
</td>
</tr>
<tr>
<td class="pricetab le" colspan="2">
ALL THE BEST<br /> <font color="#245397" >HD CHANNELS</font>
</td>
</tr>
<tr>
<td class="pricetab leleft" style="border-right-width: none">
PLUS
</td>
<td class="pricetab leright" align="right" style="border-left-width: none">
<img src="hbo.jpg" alt="HBO" border="0" />
</td>
</tr>
<tr>
<td class="pricetab lebottomleft" style="border-right-width: none">
<font color="#245397" >3 FREE MONTHS OF</font><br /> HBO and Cinemax
</td>
<td class="pricetab lebottomright" align="right" style="border-left-width: none">
<img src="cinemax.jp g" alt="Cinemax" border="0" />
</td>
</tr>
</table>
<div align="left"><f ont 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="#FFFFF F" 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>Sunda y, 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="#24539 7" class="hotpasst op">
<font color="#FFFFFF" >NASCAR HotPass - Race Thirteen*</font>
</td>
</tr>
<tr bgcolor="#669ac c">
<td class="hotpassl eft">
<font color="#FFFFFF" >NAME*</font>
</td>
<td class="hotpassm iddle">
<font color="#FFFFFF" >CAR</font>
</td>
<td class="hotpassm iddle">
<font color="#FFFFFF" >2007 CURRENT RANKING</font>
</td>
<td class="hotpassr ight">
<font color="#FFFFFF" >CHANNEL</font>
</td>
</tr>
<tr bgcolor="#e0f0f f">
<td class="hotpassl eft">
Matt Kenseth
</td>
<td class="hotpassm iddle">
17
</td>
<td class="hotpassm iddle">
3rd
</td>
<td class="hotpassr ight">
795
</td>
</tr>
<tr>
<td class="hotpassl eft">
Tony Stewart
</td>
<td class="hotpassm iddle">
20
</td>
<td class="hotpassm iddle">
6th
</td>
<td class="hotpassr ight">
796
</td>
</tr>
<tr bgcolor="#e0f0f f">
<td class="hotpassl eft">
Jimmie Johnson
</td>
<td class="hotpassm iddle">
48
</td>
<td class="hotpassm iddle">
2nd
</td>
<td class="hotpassr ight">
797
</td>
</tr>
<tr>
<td class="hotpassl eft">
National Race Broadcast
</td>
<td class="hotpassm iddle">
</td>
<td class="hotpassm iddle">
</td>
<td class="hotpassr ight">
FOX
</td>
</tr>
<tr>
<td colspan="4" class="hotpassb ottom">
</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="#003d6 9" width="15px">
</td>
</tr>
<tr>
<td bgcolor="#003d6 9" 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="#003d6 9" width="15px">
</td>
</tr>
<tr>
<td bgcolor="#003d6 9" width="100%" colspan="3">
<br />
<table width="100%" border="0">
<tr>
<td rowspan="2" width="10px">
</td>
<td>
<a href="" width="20%">Pri vacy Policy</a>
</td>
<td align="center">
<font color="#777777" >|</font>
</td>
<td align="center">
<a href="" width="20%">Cus tomer Care</a>
</td>
<td align="center">
<font color="#777777" >|</font>
</td>
<td width="20%" align="center">
<a href="">Unsubsc ribe</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="">Custome r Care</a>.
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>