Before validating it looked fine on Firefox. Now the table border around the 1st 2 images is gone and the black background behind the images on bottom is gone but it made the validating program happy. Anyway, looks fine on FF but not on IE. Would like table to come back around the 1st 2 images and the black background behind images to come back. Basically, would like it to look good on FF and IE. But, use how it looks on FF as the guide. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.example.net/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.example.net/1999/xhtml"> <table width="800" cellspacing="0" align="center" bgcolor="#cccccc" border="0" style="border:2px #000000 solid"><tr><td align="center"> <h1>Most Competitive Townhouse In Battle Ground</h1></td></tr></table> <table border="0" width="800"><tr><td align="center">Call: | Email: | <a href="http://example.net/sp/reo-buyer/">Click for More Info</a></td></tr></table> <table width="800" cellspacing="0" align="center"><tr><td style=border="0" style="border:1px #000000 solid" bgcolor=#000000;> <img src="example.net/pics/lessonpics/1618-02.jpg" width="256" height="223px"> <img src="http://example.net/pics/lessonpics/1618-01.JPG" width="256" height="223px"></td> <td width="34%" style="background-color:#FFEBCD; padding: 10px; border:2px #000000 solid"> <center><font size="+1">NW Foreclosure Network<br><a href="http://example.net/sp/reo-buyer/">Reward Card</a></font><p> Up to 50% discounts on<br> Inspection, appraisal,<br> home improvement and more<br><br> This Week Discount<br> <font size="+1">Free Inspection<br> Pillar To Post</font></center></td></tr></table> <table border="0" width="800"><tr><td align="center">Call: | Email: | <a href="http://example.net/sp/reo-buyer/">Click for More Info</a></td></tr></table> <table width="800" cellspacing="0" align="center"><tr><td> <table width="535px" align="left" cellspacing="0" cellpadding="10"><tr><td align="center" style="border:2px #000000 solid"><font size="+2"><b><center>3 bed, 2.5 bath, 2-car garage – ONLY $139,900</b></font> <div align="center"><font size="+2"><b>Better than move-in ready condition<br>100% Financing</font></div><p> <div align="left">Not a short sale. Approved USDA 100% financing. Priced to sell fast therefore positioned as the cheapest townhouse in Battle Ground and it is in better than move-in ready condition. New carpet & stainless steel appliances, Cozy fireplace. Convenient location. Payments are way less than what it can rent for. Don't miss your $8,000 tax credit before it expires.</div> <p> For more info call or e-mail <p></span></div></td></tr></table> <table width="265px" height="596px" align="right" cellspacing="0"><tr><td "border="0" style="padding: 10px; border:2px #000000 solid"><font size="+2" color="red"><b><center>Free Book</b><br> (Valued at $19.95)</font><p> <center><a href="http://example.net/sp/reo-buyer/"><img src="http://example.net/sp/pics/book.jpg" border="0"></a></center> <font size="+2"><center><a href="example.net/sp/reo-buyer/">"Real Estate 101"</a></font><p> --Supply Is Limited--<br> (Only 50 Copies)<p> <img src="http://example.net/pics/arrow.jpg"><p> Download It <a href="example.net/sp/reo-buyer/">Here</a><br> Supply Is Limited</center></td></tr></table> <table width="535px" align="left" cellspacing="0"><tr><td width="268px" align="left" "border="0" style="padding: 10px; border:2px #000000 solid;> <font size="+2"><center><b>Free Mortgage Book</b></font><br> <img src="example.net/pics/book.jpg"> <font size="+1">"Everything You Ever Wanted To Know About Home Mortgages"</font></center><p> No Obligation Mortgage Pre-Approval<br> With a "Select" Local Lender </td> <td width="267px" align="right" bgcolor=#FFEBCD "border="0" style="padding: 10px; border:2px #000000 solid"><center><h1>Bank Owned<br> Inventory List</h1><p> <b>Feb. 15-22<br> Acreage, Condo, Land, Multi-Family, Luxury</center></td></tr></table> <table width="800" border:2px #000000 solidcellspacing="0" bgcolor=#000000"><tr> <td bgcolor=#000000; align="center" style="border:2px #000000 solid"><img src="example.net/pics/lessonpics/IMG_4011.jpg" width="262px" height="225px" hspace="-5px"> <img src="example.net/pics/lessonpics/IMG_3961.jpg" width="255px" height="225px" hspace="-5px"> <img src="example.net/pics/lessonpics/1618-03.JPG" width="255px" height="225px" hspace="-5"></td></tr></table></td></tr></table> </td></tr></table> Thanks!
Which program/website are you using to validate that code? W3 Validator would be the better tool to use. Your code is not a valid representation of any W3 standard. Not only is the code invalid, but it also violates many of today's modern/accepted practices. Violations: - Use of deprecated HTML tags/attributes - Use of tables to form layout - Styling using HTML attributes - Lack of separation between styling and HTML code - Improper use of doctype (doctype does not match document at all) - Lack of required tags <body>,<head>,<title> And more... Considering those violations and the amount of those on your page, I believe it would be better for you to completely re-do the code with modern/accepted practices in mind. This may require you to drop the use of your WYSIWYG editor or at least its quick edit tools. You may even have to teach yourself modern HTML/CSS. Some Modern/Accepted Practices to Follow: - Try to create pages that follow at least HTML 4 strict standard > This includes making sure you use all the required tags and use them properly as well as preventing you from using tags that are deprecated/proprietary > This prevents you from using deprecated tags and attributes - Separate styling from HTML by putting your styling in CSS style sheets. > Doing so will make following HTML 4 strict standards almost effortless. > Learn CSS > Most/All deprecated HTML styling tags have a CSS alternative - Do not use tables to create layout structure as they are for tabular data > Use CSS in combination with HTML tags (Ex: div) to create the desired structure - Your doctype should match the W3 standard you following. > Note: XHTML is good in theory but is not used properly by most of the websites that use it and, therefore, does not provide any extra benefit over HTML 4 for the common developer. - Use Chrome/Firefox/IE8/Opera/Safari to test the progress of your page as you build because those browser follow standards more than IE7 and below. > Any of the non-IE browsers mentioned above follow the standards most closely. Hold them to a higher regard. > IE specific problems can be solved afterwards.