Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Page is askew after fixing, why?

Status
Not open for further replies.

jallard

Technical User
Apr 20, 2005
5
US
Hi, folks!

Sometime ago I made the mistake of purchasing a Flash Template from TemplateMonster.Com: and, what I paid for was a virutal mess of scripting. I have been months trying to fix everything. I recently completed chaning everything to small letters, adding "#" where there were none in the bgcolor="#" script, placing "alt=""" tags where there were none, and placing "" where there were none. (See the example here: <TABLE WIDTH=100% height="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="FFFFFF">.)

Now my home page -- is all askew. It nakes it even worse if I add the following <!DOCTYPE> to the page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
I have to omit the latter script?!?

My question to all of you is, "How do I fix these problems?" In addition, the W3C HTML Validator doesn't recognize the following scripts either: "td colspan="5" background="images/bgtop1.gif" height="29" width="606">"

Thank you, for your support.

Jallard
 
I don't know the answer but I just wanted to say how much I appreciate reading the word "askew.
 
Thanks, but I am really in dire need of some help with it, Please and thank you?
 
What exactly is wrong with the page? It looks OK to me.

Maybe you just been looking at it for too long and your eyes are askew?
 
I had to revert back to the poorly written script because it was so badly screwed up. Everything was way off, such as the tables and what not. Here is the script, if you want to see how tbadly the template was written. It won't even validate.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

<html>
<head>
<title>Linux WebHosting-WillametteWeb.Us-Affordable Webhosting</title>
<meta name="keywords" content="Linux WebHosting-WillametteWeb.Us-Affordable Webhosting, WillametteWeb, Linux Web Hosting, Willamette Web Hosting, willametteweb.us, linux web hosting, Free Web Hosting, E-Commerce, e-commerce, affordable linux web hosting, Linux, web hosting, webhosting, Authorize.Net Reseller, Search Engine Optimization (SEO) Services, FREE Web Hosting, Web Design, PORTLAND METRO AREA WEB HOSTING, E-commerce, Web Hosting, Non-Profit Web Hosting, Reseller Web Hosting, thawte SSL Certificates, Domain Name Registration, web design, Internet marketing tools, domain names, e-mail addresses, ">
<meta name="description" content="Willamette Web Hosting caters to the first-time Webmaster and to small and medium size businesses. Our affordable hosting makes WillametteWeb the best place to host your small business web site. We are your web host for everything from web design, Internet marketing tools, domain names, e-mail addresses and powerful web hosting services.">
<meta name="rating" content="General">
<meta name="language" content="english, EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="distribution" content="Global">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="revisit-after" content="1 Day">
<meta name="email" content="webmaster@willametteweb.us">
<meta name="author" content="Joseph H. Allard">
<meta name="publisher" content="Text/HTML">
<meta name="copyright" content="2003-2005">
<style type="text/css">
<!--
img {
border: none;
}
.mten {
margin-left: 10px
}
.tah10 {
font-family: Tahoma;
font-size: 10px;
text-decoration: none;
color: #000000;
}
.tah11 {
font-family: Tahoma;
font-size: 11px;
text-decoration: none;
color: #000000;
}
.ver10 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #000000;
}
.ver11 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color: #000000;
}
.tah9 {
font-family: Tahoma;
font-size: 9px;
text-decoration: none;
color: #000000;
}
.ver9 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
color: #000000;
}
-->

</style>
<style type="text/css">
<!--
.ar576 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
.ar528 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
.ar624 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
}
-->
</style>
<style type="text/css">
<!--
.bgtop {
background-repeat: repeat-x;
background-position: top;
}
-->
</style>
<style type="text/css">
<!--
A { text-decoration:none }
.style1 {color: #FFFF99}
.style3 {font-family: Arial, Helvetica, sans-serif}
.style4 {font-size: 14px}
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#FF0000" vlink="#FF00FF" alink="#FF0000">
<table summary="0" bgcolor="#ffffff" border="0" cellpadding="0"
cellspacing="0" height="100%" width="100%">
<tbody>
<tr>
<td rowspan="3" background="images/bg.gif"
bgcolor="#425b47" width="50%" alt="bg">&nbsp;</td>
<td rowspan="3" bgcolor="#000000" width="1"><img
src="images/spacer.gif" alt="spacer" height="1" width="1"></td>

<td><input name="sitenbr" value="130751364" type="hidden">
<table summary="0" border="0" cellpadding="0" cellspacing="0"
width="780">
<tbody>
<tr>
<td><img src="images/spacer.gif" alt="spacer" height="1"
width="72"></td>
<td><img src="images/spacer.gif" alt="spacer" height="1"
width="172"></td>
<td><img src="images/spacer.gif" alt="spacer" height="1"
width="52"></td>
<td><img src="images/spacer.gif" alt="spacer" height="1"
width="85"></td>

<td><img src="images/spacer.gif" alt="spacer" height="1"
width="225"></td>

<td><img src="images/spacer.gif" alt="spacer" height="1"
width="33"></td>
<td><img src="images/spacer.gif" alt="spacer" height="1"
width="141"></td>
</tr>
<tr>
<td colspan="4"><a href="index.html"><img src="images/logo.jpg"
alt="Linux Web Hosting by WillametteWeb.Us, Willamette Web's Linux Web Hosting, Linux Web Hosting, Willamette Web Hosting, WillametteWeb, WillametteWeb.Us, affordable linux web hosting, Domain Name Registration, web design, Internet marketing tools, domain names, e-mail addresses."
height="75" width="381"></a></td>
<td colspan="3" height="75" width="399">
<table summary="0" border="0" cellpadding="0"
cellspacing="0" width="399">

<tbody>
<tr>

<td valign="top"><a href="index.html"><img src="images/logo1.jpg" alt="Now Serving The Pacific Northwest And Beyond!"
height="75" width="135"></a></td>
<td valign="top">
<div style="margin-right: 10px; margin-top: 10px;"
class="ar576" align="center"> <a href="/sitemap.html"
style="text-decoration: none;" class="ar576">Sitemap</a><img
src="images/divider.gif" align="middle" hspace="4"> <a
href="support.html" style="text-decoration: none;" class="ar576">Support</a><img
src="images/divider.gif" align="middle" hspace="4"> <a
href="contact_us.html" style="text-decoration: none;" class="ar576">Contact</a>

</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="5" alt="" background="images/bgtop1.gif" alt="bgtop1" height="29" width="606">

<div style="padding-left: 20px; color: rgb(255, 255, 255);" class="ar528"> <a href="reseller_varsignup.html"
style="color: rgb(255, 255, 255);" class="ar528">Authorize.Net Reseller</a><img
src="images/sqr.gif" alt="sqr" align="middle"> <a href="seo-services-main.html"
style="color: rgb(255, 255, 255);" class="ar528">SEO Services</a><img
src="images/sqr.gif" alt="sqr" align="middle"> <a href="/partnerships.html"
style="color: rgb(255, 255, 255);" class="ar528">Our Partnerships</a><img
src="images/sqr.gif" alt="sqr" align="middle"> <a href="/web_design.html"
style="color: rgb(255, 255, 255);" class="ar528">Web Design</a><img
src="images/sqr.gif" alt="sqr" align="middle"> <a href=" style="color: rgb(255, 255, 255);" class="ar528">Willamette WebLog</a>
</div>
</td>
<td><img src="images/key.gif" alt="key" height="29" width="33"></td>

<td alt="" background="images/bgtop1.gif" height="29"
width="141" alt="bgtop1">
<div style="color: rgb(255, 255, 255);" class="ar528"
align="left"> <a
href=" style="color: rgb(255, 255, 255);" class="ar528">My Control Panel</a> </div>
</td>
</tr>
<tr>
<td colspan="7" width="780">
<table summary="" border="0" cellpadding="0" cellspacing="0" width="780">

<tbody>
<tr>
<td colspan="7" bgcolor="green" width="780"><a
href="index.html"><img src="images/m1.gif" alt="Home Page"
height="40" width="100"></a><a href="resources.html"><img
src="images/m2.gif" alt="resources" height="40" width="119"></a><a
href="services.html"><img src="images/m3.gif" alt="services" height="40"
width="100"></a><a href="about.html"><img src="images/m4.gif" alt="about us"
height="40" width="110"></a><a href="/contact_us.html"><img
src="images/m5.gif" alt="contact us" height="40" width="120"></a><a
href=" src="images/m6.gif" alt="forum" height="40" width="100"></a><a
href=" src="images/m7.gif" alt="order now" height="40" width="131"></a> </td>
</tr>
<tr>
<td colspan="7" width="780"><img
src="images/big_about_1.jpg" alt="big_about_1" height="167" width="780"></td>
</tr>
</tbody>

</table>
</td>
</tr>
<!-- Begin FusionBot.com site search engine code-->
<form name="fbsearch" method="get"
action=" <tr>
<td><img src="images/q.gif" alt="q" height="38" width="72"></td>
<td background="images/bgtop2.gif" alt="bgtop2" height="38" width="172"><a href=" style="color: rgb(255, 255, 255); text-decoration: underline;"class="ar576">Need Help?</a>&nbsp;&nbsp;&nbsp; <a href=" style="color: rgb(255, 255, 255); text-decoration: underline;"class="ar576">Click here!</a>&nbsp;&nbsp;&nbsp; </td>

<td><img src="images/zzom.gif" alt="" height="38" width="52"></td>
<td colspan="4" bgcolor="#636363" height="38" width="484"><font
style="color: rgb(255, 255, 255);" class="ar576">Site
Search:&nbsp;&nbsp;&nbsp; <input size="30" name="keys" type="text"> <input
src="images/search.gif" alt="search" align="center" hspace="8" type="image"></font>
</td>
</tr>
<!-- End FusionBot.com site search engine code--> <tr>
<td colspan="7"><img src="images/line.gif" alt="line" height="5"
width="780"></td>
</tr>

</table></td>
<td width="1" bgcolor="#000000" rowspan="3"><img src="images/spacer.gif" alt="spacer" width="1" height="1" alt=""></td>
<td width="50%" rowspan="3" background="images/bg.gif" alt="bg" bgcolor="#425B47" alt="">&nbsp;</td>
</tr>
<tr>
<td height="100%"><table summary="0" width="780" border="0" cellpadding="0" cellspacing="0" height="100%" background="images/bg_serious.gif" alt="">
<tr>
<td><img src="images/spacer.gif" alt="spacer" width="251" height="1" alt=""></td>
<td><img src="images/spacer.gif" alt="spacer" width="14" height="1" alt=""></td>

<td><img src="images/spacer.gif" alt="spacer" width="255" height="1" alt=""></td>
<td><img src="images/spacer.gif" alt="spacer" width="260" height="1" alt=""></td>
</tr>
<tr>
<td width="251" height="190" background="images/bg_3.gif" alt="bg_3" bgcolor="#18852D" class="bgtop" valign="top"><div style="padding:20;padding-left:30;color:ffffff" class="ar576"> <b class="ar624" style="color:ffffff">&nbsp;&nbsp;&nbsp;Included in All Packages:</b> <br>
<br>
<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt="">30 day money back<br>

<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt="">Free account setup<br>
<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt="">24 hour technical support<br>
<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt="">High quality reliable servers<br>
<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt="">POP3 email addresses<br>
<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt="">Website traffic reports<br>
<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt="">24 hour technical support<br>

<img src="images/c_orange.gif" alt="c_orange" hspace="4" align="absmiddle" alt=""><A href="/services.html" style="color:FFC002;text-decoration:none" class="ar576">Click Here for more information</A><br>
</div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" summary="" width="200" bgcolor="#1D8630">
<tr><td height="25"><div align="center"><img src="images/links-1.jpg" width="144" height="29" alt="Web Links"></div><br></td></tr>
<tr><td height="25"><p class="mten"> <a href="e-commerce.html"><b><font face="Arial" size="2" color="White">E-commerce</font><font face="Arial" size="2" color="#FFFF96"> Web Hosting</font></b></a></p></td></tr>
<tr><td height="25"><p class="mten"> <a href="free-web-hosting.html"><b><font face="Arial" size="2" color="White">FREE</font><font face="Arial" size="2" color="#FFFF96"> Web Hosting</font></b></a></p></td></tr>

<tr><td height="25"><p class="mten"> <a href="non-profit_hosting_pkg.html"><b><font face="Arial" size="2" color="White">Non-Profit</font><font face="Arial" size="2" color="#FFFF96"> Web Hosting</font></b></a></p></td></tr>
<tr><td height="25"><p class="mten"><a href="reseller_webhosting.html"><b><font face="Arial" size="2" color="White">Reseller</font><font face="Arial" size="2" color="#FFFF96"> Web Hosting</font></b></a></p></td></tr>
<tr><td height="25"><p class="mten"> <a href="seo-services-main.html"><b><font face="Arial" size="2" color="White">SEO</font><font face="Arial" size="2" color="#FFFF96"> Services</font></b></a></p></td></tr>
<tr><td height="25"><p class="mten"><a href="thawte-sgc-supercert.html"><b><font face="Arial" size="2" color="White">thawte </font><font face="Arial" size="2" color="#FFFF96">SSL Certificates</font></b></a></p></td></tr>

</table>
<br><!-- Powered by: Crafty Syntax Live Help -->
<script language="javascript" src="<!-- copyright 2003 - 2005 by Eric Gerdes -->
</div></td>
<td colspan=3 background="images/bgmain.jpg" alt="bgmain" width="529" height="190" class="bgtop" bgCOLOR="#18852D" valign="top">
<div style="padding: 40px 30px 10px 130px class="ar576">
<b style="color: rgb(223, 17, 17);"><font size="2">Linux WebHosting-Willametteweb.Us-Affordable Webhosting</b>
<br><br>
Willamette Web Hosting caters to the first-time Webmaster and to small and medium size businesses. Our affordable Linux webeb hosting makes WillametteWeb the best place to host your small business web site. We are your web host for everything from web design, Internet marketing tools, domain names, POP3 e-mail and powerful web hosting services.</font>
</div><br><br>
<div align="center"><b><font size="3" color="#ffffff">PORTLAND METRO AREA WEB HOSTING</font></b><br><br>
<a href=" style="color:rgb(255, 255, 255,); text-decoration: none" class="a624">Listed in the Portland, Oregon Web Design Services Directory at Marketingtool.com</a>
<hr noshade><br>
<strong><font face="Verdana" size="3" color="#ffffff"><a href="free-web-hosting.html" style="color: rgb(255, 192, 2); text-decoration: none;" class="a700">6-Months of Free Web Hosting</a><br>
on All Hosting Packages</font></strong></div><hr>
<p align="center"><b><font face="Verdana" size="3" color="#fffco">Search Engine Optimization (SEO) Services<br>
Coming Soon!<br>
Stay Tuned For Details? </font></b></p>
</td>
</tr>
<tr>

<td colspan=4><IMG SRC="images/grline.gif" WIDTH=780 HEIGHT=12 ALT=""></TD>
</tr>
<tr>
<td colspan=2><img src="images/h1.gif" width="265" height="25" alt="Starters Hosting Package"></td>
<td><img src="images/h2.gif" width="255" height="25" alt="Professional Hosting Package"></td>
<td><img src="images/h3.gif" width="260" height="25" alt="Elite Hosting package"></td>
</tr>
<tr>
<td colspan=2 background="images/bg1.gif" alt="bg1" WIDTH=265 HEIGHT=100 class="bgtop"><div style="padding-left:40;color:ffffff" class="ar576"> <img src="images/c_white.gif" hspace="5" align="absmiddle" alt="c_white">3,000 megs of storage space<br>

<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">50 GB of monthly file transfer<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">Control panel management<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">CGI / PERL / PHP / MySQL<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">Anonymus FTP server<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle"><b>24.95 per month</b><br>
</div></td>

<td background="images/bg2.gif" alt="bg2" width="255" height="100" class="bgtop"><div style="padding-left:40;color:ffffff" class="ar576"> <img src="images/c_white.gif" alt="c_white" hspace="5" align="absmiddle">6,000 megs of storage space<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">75 GB of monthly file transfer<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">Control panel management<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">CGI / PERL / PHP / MySQL<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle">Anonymus FTP server<br>
<img src="images/c_white.gif" hspace="5" alt="c_white" align="absmiddle"><b>44.95 per month</b><br>

</div></td>
<td background="images/bg3.gif" alt="bg3" WIDTH=260 HEIGHT=100 class="bgtop"><div style="padding-left:40;color:ffffff" class="ar576"> <img src="images/c_white.gif" hspace="5" align="absmiddle">9,000 megs of storage space<br>
<img src="images/c_white.gif" alt="c_white" hspace="5" align="absmiddle">100 GB of monthly file transfer<br>
<img src="images/c_white.gif" alt="c_white" hspace="5" align="absmiddle">Control panel management<br>
<img src="images/c_white.gif" alt="c_white" hspace="5" align="absmiddle">CGI / PERL / PHP / MySQL<br>
<img src="images/c_white.gif" alt="c_white" hspace="5" align="absmiddle">Anonymus FTP server<br>

<img src="images/c_white.gif" alt="c_white" hspace="5" align="absmiddle"><b>64.95 per month</b><br>
</div></td>
</tr>
<tr>
<td height="100%" colspan=2 valign="top" bgcolor="#B6B6B6"><img src="images/c1.gif" alt="CLICK HERE TO ORDER!" width="265" height="33" border="0" usemap="#Map"></td>
<td bgcolor="#B6B6B6" valign="top"><img src="images/c2.gif" alt="CLICK HERE TO ORDER!" width="255" height="33" border="0" usemap="#Map2"></td>
<td bgcolor="#B6B6B6" valign="top"><img src="images/c3.gif" alt="CLICK HERE TO ORDER!" width="260" height="33" border="0" usemap="#Map3"></td>
</tr>

</table></td>
</tr>
<tr>
<td><table summary="0" alt="bgdown" background="images/bgdown.gif" alt="bgdown" border="0"
cellpadding="0" cellspacing="0" width="780">
<tbody>
<tr>
<td colspan="2" height="38" width="780">
<div style="" 30="" align="center"> <a
href="compare-webhosting.html"
style="color: rgb(186, 54, 13); text-decoration: none;" class="ar576"><img
src="images/go.gif" alt="go" align="middle" hspace="5">Compare Shared hosting
packages...</a>&nbsp;&nbsp;&nbsp;&nbsp;<a
href="compare_reseller_webhosting_plans.htm"
style="color: rgb(186, 54, 13); text-decoration: none;" class="ar576"><img
src="images/go.gif" alt="go" align="middle" hspace="5">Compare Reseller hosting
packages...</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="e-commerce.html"
style="color: rgb(186, 54, 13); text-decoration: none;" class="ar576"><img
src="images/go.gif" alt="go" align="middle" hspace="5"> E-Commerce web
hosting...</a> </div>

</td>
</tr>
<tr>
<td class="tah11" align="center" height="37" width="349">
<p class="mten">WillametteWeb.Us &copy; 2003-2005<img
src="images/dot_starnge.gif" alt="dot_starnge" align="middle" hspace="3"><a
href="/privacy.pdf" class="tah11">Privacy Policy</a><img
src="images/dot_starnge.gif" alt="dot_starnge" align="middle" hspace="3"><a
href="/refund-policy.html" class="tah11">Refund Policy</a></p>
</td>

<td style="color: rgb(16, 100, 33);" class="tah11"
align="center" height="37" width="431"><a href=" style="color: rgb(16, 100, 33);"
class="tah11">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/sitemap.html" style="color: rgb(16, 100, 33);" class="tah11">Site
Map</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href=" style="color: rgb(16, 100, 33);" class="tah11">Links</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href=" style="color: rgb(16, 100, 33);" class="tah11">Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<!--------- START Tellafriend.Myhost.us CODE ----------->
<script src="
<noscript><a href= a friend</a></noscript>
<!---------- END Tellafriend.Myhost.us CODE ------------>
</tr>
<tr>
<td colspan="2" bgcolor="Green" height="40" width="780"><br>
<div align="center">
<table summary="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>

<td width="45"></td>
<td align="left" valign="middle" width="100">
<a href=" alt="seal_hosting (3K)" src="images/seal_hosting.gif" height="73" width="88" /></a> </td>
<td width="45"></td>
<td valign="middle" width="440"><br>
<div align="center"><img src="images/powered1.gif" alt="Plesk 7.04 Reloaded, MySQL, PHP4, FrontPage, Red Hat Linux"
border="0" height="38" width="440"></div>
<br>
<div align="center"><!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=222623;
var sc_partition=0;
var sc_security="";

</script>
<script type="text/javascript" language="javascript" src=" href=" target="_blank"><img src=" alt="free site statistics" border="0"></a> </noscript>
<!-- End of StatCounter Code --></div> </td>
<td width="45"></td>
<td align="right" valign="middle" width="100">
<div align="center"><img
src="images/img_flippingfourcard.gif"></div>
</td>
<td width="45"></td>
</tr>

</tbody>
</table>
</div></td>
</tr>
</table></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<map name="Map">
<area shape="rect" coords="55,3,198,31" href="
</map>
<map name="Map2">
<area shape="rect" coords="55,4,197,33" href="</map>
<map name="Map3">
<area shape="rect" coords="44,3,187,30" href="</map>
</body>
</html>
 
The reason that a full doctype makes your page go askew is that it causes the browser to render in "standards compliant" mode instead of "quirks" mode. Somewhere in that page there's coding that depends on the old-fashioned way of doing things, you'll need to find and fix it. The benefit of doing so will be to minimise potential cross-browser problems, though frankly it already seems to look OK in Firefox.

You could try running it through the HTML Tidy program at - that'll handle the text case and missing quotes.

Then, I'm afraid it's a case of iterating through the document, fixing validation errors one-by-one. It'll do a lot of complaining about attributes whose job can be done in CSS, you can bone up on what's valid at .

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
 
OK,

I went vadifate the page(s) with HTML Tidy (in HTML Kit), like you suggested. In MSIE it rendered some of the text in "#000000" instead of white; and, some of the Left-Margins were off. It did, however, render almost perfect in FireFox.

Again, however, when i tried to validate the code again it showed me a bunch of the following errors:

485: <table summary="0" background="images/bgdown.gif" alt="bgdown"
486: border="0" cellpadding="0" cellspacing="0" width="780">
487: <tbody>
488: <tr>
489: <td colspan="2" height="38" width="780">
490: <div style="" align="center"><a href="compare-webhosting.html"
491: style="color: rgb(186, 54, 13); text-decoration: none;" class=
492: "ar576"><img src="images/go.gif" alt="go" align="middle" hspace=
493: #### 56 byte(s) unconvertable ####
494: "compare_reseller_webhosting_plans.htm" style=
495: "color: rgb(186, 54, 13); text-decoration: none;" class=
496: "ar576"><img src="images/go.gif" alt="go" align="middle" hspace=
497: #### 59 byte(s) unconvertable ####
498: "e-commerce.html" style=
499: "color: rgb(186, 54, 13); text-decoration: none;" class=
500: "ar576"><img src="images/go.gif" alt="go" align="middle" hspace=
501: "5" /> E-Commerce web hosting...</a></div>
502: </td>
503: </tr>
504: <tr>
505: <td class="tah11" align="center" height="37" width="349">
506: <p class="mten">WillametteWeb.Us &#169; 2003-2005<img src=
507: "images/dot_starnge.gif" alt="dot_starnge" align="middle" hspace=
508: "3" /><a href="/privacy.pdf" class="tah11">Privacy
509: Policy</a><img src="images/dot_starnge.gif" alt="dot_starnge"
510: align="middle" hspace="3" /><a href="/refund-policy.html" class=
511: "tah11">Refund Policy</a></p>
512: </td>
513: <td style="color: rgb(16, 100, 33);" class="tah11" align="center"
514: height="37" width="431"><a href="515: #### 60 byte(s) unconvertable ####
516: <a href="/sitemap.html" style="color: rgb(16, 100, 33);" class=
517: #### 34 byte(s) unconvertable ####
518: " style=
519: #### 64 byte(s) unconvertable ####
520: " style=
521: #### 61 byte(s) unconvertable ####

Of cource these same errors began on Line #125: Twelve in all. At one point it stated that it couldn't parse.
 
HTML Tidy and the validator are automated tools. Since, as you point out, the code they're working on is a mess, it'll sometimes be more of a mess than they can cope with.

That said, when I run the version that you've currently got online through Tidy, it seems to cope with it OK albeit with 61 warnings. The resulting file could be parsed OK through the W3C validator (with 37 validation errors).

Even when/if you've got it validating, you've still got plenty of work on your hands stripping out <font> tags and inline style attributes to make an external style sheet. Whoever wrote that page clearly didn't "get it" about what you can (and should) do with CSS to control the appearance of your pages.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top