Old 28-05-2009, 05:59   #1 (permalink)
apples
Registered User
 
Join Date: Jul 2008
Posts: 21
Help me fix my W3C issues please.

Hey,

I have this website: how to weld and when I run it through the W3C checker I get 3 errors only !!!

But I'm lost as to how to fix the last few problems.

Can someone show me what to do please.
  Reply With Quote
Old 28-05-2009, 06:26   #2 (permalink)
weldo
now with added beard
 
weldo's Avatar
 
Join Date: Mar 2004
Location: Liverpool
Posts: 8,040
it points you to what the problems are on the w3c page ...

and directs you to what line they are on ...

looks like a table row issue first of all ...

investigate.
__________________
  Reply With Quote
Old 28-05-2009, 06:27   #3 (permalink)
Justinskie
Paddy Power
 
Justinskie's Avatar
 
Join Date: Jul 2008
Location: Marbella
Posts: 287
I wouldnt worry about it.

If your developing your site its more important to get it working for your visitors than for W3C and if you try and meet its regulations 100% you will simply drive yourself insane.

3 errors is nothing and so long as the site functions in Firefox, IE and chrome I would just get on with more important matters.
__________________
  Reply With Quote
Old 28-05-2009, 06:40   #4 (permalink)
MikeMackay
Shun the non-believer
 
MikeMackay's Avatar
 
Join Date: Feb 2005
Location: Essex, UK
Posts: 1,788
Send a message via MSN to MikeMackay Send a message via Skype™ to MikeMackay
Quote:
Originally Posted by Justinskie
I wouldnt worry about it.

If your developing your site its more important to get it working for your visitors than for W3C and if you try and meet its regulations 100% you will simply drive yourself insane.

3 errors is nothing and so long as the site functions in Firefox, IE and chrome I would just get on with more important matters.
I feel an argument coming on...
__________________
  Reply With Quote
Old 28-05-2009, 06:47   #5 (permalink)
BurielWebwerx
Registered User
 
Join Date: May 2009
Posts: 2
Missing a few tags

Quote:
Originally Posted by apples
Can someone show me what to do please.

Standards are important. Hence, using the validators to fix problems.

First off:
Line 216, Column 11: document type does not allow element "TR" here
--Looks like you're missing a closing </tr> tag. add that to fix this problem.

Secondly
Line 383, Column 9: end tag for "TABLE" omitted, but its declaration does not permit this
-- Another tag missing here. This time it's the </table> tag that seems to have sprouted legs and left the source code. Add it where it belongs. Should take care of the issue.

Fix these two errors then run it through the W3C validator again.

Any other problems send me an email. I'd be glad to help: help@burielwebwerx.com

Cheers!
  Reply With Quote
Old 28-05-2009, 07:07   #6 (permalink)
Justinskie
Paddy Power
 
Justinskie's Avatar
 
Join Date: Jul 2008
Location: Marbella
Posts: 287
Quote:
I feel an argument coming on...

Naw, Im a bit biased, I have tried my damnedest to meet those standards and have spent long nights fixing code to make it work. The more complicated the site the more errors and the more problems you may meet when fixing them according to w3c standards reports (domino effect.)

I agree its important, just dont have the time or patience to deal with it currently (that's not saying you shouldn't if you can or have more patience).
__________________
  Reply With Quote
Old 28-05-2009, 07:14   #7 (permalink)
herkalees
Semantics, yay.
 
Join Date: Nov 2005
Location: Beverly, Massachusetts
Posts: 1,534
Don't confuse patience with skill, sir.
__________________
  Reply With Quote
Old 28-05-2009, 07:16   #8 (permalink)
Starbright
Senior Member
 
Starbright's Avatar
 
Join Date: Feb 2007
Location: Leicester, UK
Posts: 5,913
Code it right the first time round and you won't have any problems
__________________
  Reply With Quote
Old 28-05-2009, 07:46   #9 (permalink)
7twelve
has bucket
 
7twelve's Avatar
 
Join Date: Aug 2008
Posts: 571
you're missing a few closing table rows - or it appears from a quick scan of the code (hard to tell with that indenting). the validator only picked up the first instance of it tho. And, you didn't close out your table.

and, Justinskie has a point in that working matters more than passing a validation test. I mean hell, validate Amazon.com sometime O_o

But, as Kemp said - if you do it right from the beginning, validation should maybe...maybe take you an extra 5 minutes.
  Reply With Quote
Old 28-05-2009, 21:18   #10 (permalink)
apples
Registered User
 
Join Date: Jul 2008
Posts: 21
Where about's do I add these codes?
------------------------------------------------
First off:
Line 216, Column 11: document type does not allow element "TR" here
--Looks like you're missing a closing </tr> tag. add that to fix this problem.

Secondly
Line 383, Column 9: end tag for "TABLE" omitted, but its declaration does not permit this
-- Another tag missing here. This time it's the </table> tag that seems to have sprouted legs and left the source code. Add it where it belongs. Should take care of the issue.
-----------------------------------------------------


I have tried adding the </tr> tag many times and the nav bar on the website keeps jumping from the left side to the right side of the page.
  Reply With Quote
Old 29-05-2009, 06:51   #11 (permalink)
herkalees
Semantics, yay.
 
Join Date: Nov 2005
Location: Beverly, Massachusetts
Posts: 1,534
If line 216 has a <tr> tag that isn't allowed, it's because the previous table-row was not properly closed right before it ... so, you'd probably want to throw a </tr> right before it, perhaps on line 215.
__________________
  Reply With Quote
Old 29-05-2009, 07:20   #12 (permalink)
emil
dt immigrant
 
emil's Avatar
 
Join Date: Nov 2004
Posts: 9,428
this validates

HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org"> <meta name="verify-v1" content="aydHijflyzV+BNV8soHjae6FFs1bwMsJPu44pYjBEoo="><!-- Created on 17/06/2007 21:51:30 --> <link rel="shortcut icon" href="/favicon.jpg"> <title>Learn how to weld...free tips and videos for MIG, TIG and ARC welding.</title> <meta name="Description" content="MIG welding, ARC welding, Stick and TIG simple steps on how to weld."> <meta name="Keywords" content="how to weld, welding, mig, arc, tig, learn"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta content="all" name="ROBOTS"> <meta http-equiv="CONTENT-LANGUAGE" content="EN"> <meta content="7 days" name="revisit-after"> <meta content="www.Learn-How-To-Weld.com" name="Copyright"> <link href="support-files/main.css" type="text/css" rel="stylesheet"> <link href="support-files/nav.css" type="text/css" rel="stylesheet"> <link href="support-files/divs.css" type="text/css" rel="stylesheet"> <link href="support-files/addto.css" type="text/css" rel="stylesheet"> <script language="JavaScript" src="support-files/addto.js" type="text/javascript"> </script> <style type="text/css"> @import url(http://www.google.com/cse/api/branding.css); </style> <style type="text/css"> @import url(http://www.google.com/cse/api/branding.css); </style> <style type="text/css"> @import url(http://www.google.com/cse/api/branding.css); </style> <style type="text/css"> div.c4 {text-align: left} div.c3 {text-align: center} div.c2 {background-color:#FFFFFF;color:#000000} img.c1 {float: middle; width: 140px; height: 104px;} </style> </head> <body> <!--************************************************************************************************--> <!-- The table width below, is for the COMPLETE table, not the individual cells. You can change it to as low as 80%, if you prefer the narrower look. --> <div class="main-table c3"><!--this is the starting div for the max width, don't delete it--> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="headerbg" colspan="3"><img src="http://www.learn-how-to-weld.com/images/HowToWeld.jpg" width="970" height="125" hspace="0" vspace="0" border="0" alt="how to weld, learn mig, arc, stick and tig" align="left"> <img src="http://www.learn-how-to-weld.com/images/Welding-how-to.jpg" width="200" height="89" hspace="10" vspace="10" alt="Welding information and articles on how to weld" align="left"></td> </tr> <!--************************************************************************************************--> <!-- Dont put anything in this cell below. its only here as a spacer, to make sure the spiders read your content, before they read you navigation column!!!. The width is set to 15%, the navigation cell will follow suit, as it is in the same column --> <tr> <td class="spacerbg" height="1" valign="top" width="15%"></td> <!--************************************************************************************************--> <!-- This area is your main center column. As the 2 side columns are set to 35% between them, this one will be at 65%. No need to specify that however, it will just fill whats left over.--> <td class="contentbg" rowspan="2" valign="top"> <div class="content-box"> <h1>Welding, How to do it</h1> <h2>How to mig weld</h2> <img src="http://www.learn-how-to-weld.com/images/how-to-mig-weld.jpg" width="211" height="131" hspace="10" vspace="10" border="1" alt="Wire feed and mig welding how to guide" align="left"><br> <br> <a href="http://www.learn-how-to-weld.com/how-to-mig-weld.html">How to mig weld</a><br> <br> Here you can find out how to get started in mig welding. Follow through the easy steps. Covering the basics of machines, safety, preparation all to help you get going.<br clear="all"> <br> <br> <br> <h2>How to weld: Make a welding table</h2> <img src="http://www.learn-how-to-weld.com/images/welding-table-project-01.jpg" width="174" height="178" hspace="5" vspace="5" border="1" alt="Welding using gasless flux core wire, how to make your own welding table. Follow along with my instructions." align="left"><br> This is a great how to weld project. Get in and have a go at making your own welding table.<br> <br> <br> Follow my step by step instructions. <strong>HEAPS of photos to guide you.</strong><br> <br> This is a great welding project to make as it covers all the basic welding and fabrication skills such as cutting with an abrasive chop saw, grinding with the angle grinder and using the mig welder. Of course you could alway use your stick welder if that's all you have.<br> <a href="http://www.learn-how-to-weld.com/welding-table.html">Make your own welding table project.</a><br> <br> <br> <h2>Popular How To Weld Topics</h2> <img src="http://www.learn-how-to-weld.com/image-files/how-to-arc-weld-a-horizontal-fillet-02.jpg" width="65" height="70" hspace="5" vspace="5" border="1" alt="how to arc weld a horizontal fillet joint" align="left"> Welding how to instructions, tips and techniques to make welding for you easier. <p><img alt="" src="http://www.learn-how-to-weld.com/image-files/arrow.gif" height="5" width="10"> <a href="how-to-strike-an-arc.html">How to strike an arc</a><br> <img alt="" src="http://www.learn-how-to-weld.com/image-files/arrow.gif" height="5" width="10"> <a href="mig-welding-wire.html">Mig welding wire</a><br> <img alt="" src="http://www.learn-how-to-weld.com/image-files/arrow.gif" height="5" width="10"> <a href="how-to-arc-weld.html">How to stick weld with an arc welder</a><br> <br></p> <br> <br> <br> <h2>Mig Welding</h2> <img class="c1" alt="How to Weld: Gasless mig welder, wire feed " src="image-files/dads_mig_welder.jpg" hspace="5" vspace="5"><br> Simply said, a MIG welder is a "wire feeding welding machine". <p>Wire feeding meaning that "welding wire" is continuously feeding into the welding process. They are the most common and widely use welding machines in the world today.</p> <img alt="How to Weld" src="http://www.learn-how-to-weld.com/image-files/arrow.gif" height="5" width="10"> <a href="mig-welding.html">Mig welding</a><br> <br> <br> <br> <h2>Helmets</h2> <img src="http://www.learn-how-to-weld.com/image-files/welding-helmet.jpg" width="60" height="60" hspace="10" vspace="10" border="0" alt="How to choose a welding helmet for mig arc stick and tig welding" align="left"> <p>Welding helmets are an absolute must when you are welding.</p> <p><img alt="How to Weld" src="http://www.learn-how-to-weld.com/image-files/arrow.gif" height="5" width="10"><a href="welding-helmets.html">Welding helmets</a></p> <div class="cse-branding-bottom c2"> <div class="cse-branding-form"> <form action="http://www.learn-how-to-weld.com/welding-search-page.html" id="cse-search-box" name="cse-search-box"> <div><input type="hidden" name="cx" value="partner-pub-2654244604841726:2roh9ju05az"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="25"> <input type="submit" name="sa" value="Search"></div> </form> </div> <div class="cse-branding-logo"><img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google"></div> <div class="cse-branding-text">Custom Search</div> </div> <!--************************************************************************************************--> <!-- The code below here, is for the far right side column. Use it for site news, small narrow graphics, google adsense, affiliate links etc. The width is set to 20%, alter this as you wish. DONT go below 10% or it will be too narrow to fit anything in. Between 15% and 25% should suit nearly everyone. --> <!--************************************************************************************************--> <!-- the code below if for the left side column.(the navigation column) Why is it at the end, rather than at the start, where you might expect it to be? Because of the way SE spiders read tables. They start top left, and work across each cell in order, to the bottom right. If we have this cell where you would expect, then the spiders would read your navigation etc BEFORE they read your content. We dont want that. Thats why we have a spacer cell at the top. Although this appears to the eye to be the far left column, its actually down the order of cells.--></div> </td> </tr> <tr> <td class="leftbg" valign="top"><!--the information below is removed from the page before uploading. You should have IDENTICAL info in the nav include....this will be placed back on the page when it's built--> <div class="c4" id="navigator"> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/index.html"><strong>Home Page</strong></a></p> <h3 class="hbg">Welding Robots</h3> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-robots.html"><strong>Welding Robots</strong></a></p> <h3 class="hbg">MIG / MAG</h3> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/mig-welding.html"><strong>Mig Welding</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/mig-welder.html"><strong>Mig Welder</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/how-to-mig-weld.html"><strong>How To Mig Weld</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/mig-welding-wire.html"><strong>Mig Welding Wire</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/mig-welding-gun.html"><strong>Mig Guns</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/tweco-mig-gun.html"><strong>Tweco Mig Gun</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/binzel-mig-gun.html"><strong>Binzel Mig Gun</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/contact-tips.html"><strong>Contact Tips</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-nozzle.html"><strong>Welding nozzles and shrouds</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-gas.html"><strong>Welding Gas</strong></a></p> <h3 class="hbg">SMAW / Arc / Stick</h3> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/arc-welding.html"><strong>Arc Welding</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/arc-welding-machines.html"><strong>Arc Welding Machines</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/how-to-arc-weld.html"><strong>How To Arc Weld</strong></a></p> <h3 class="hbg">TIG / GTAW</h3> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/tig-welding.html"><strong>Tig Welding</strong></a></p> <h3 class="hbg">General Stuff</h3> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-helmets.html"><strong>Welding Helmets</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-preparation.html"><strong>Welding Preparation</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-earth-connection.html"><strong>Earth connection</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/tack-welding.html"><strong>Tack Welding</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-videos.html"><strong>Welding Videos</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-gloves.html"><strong>Welding Gloves</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-safety.html"><strong>Welding Safety</strong></a></p> <h3 class="hbg">FREE Stuff</h3> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/free-cnc-cutting-files.html"><strong>FREE cnc cut files</strong></a></p> <p class="housebutton"><a href="http://www.learn-how-to-weld.com/welding-table.html"><strong>Welding table project</strong></a></p> <br> <p class="housebutton"><a href="mailto:peter@learn-how-to-weld.com">Contact Me</a></p> <br> <br> <div class="c3"><script type="text/javascript"> addthis_url = location.href; addthis_title = document.title; addthis_pub = 'templatev2'; </script> <script src="http://s7.addthis.com/js/addthis_widget.php?v=12" type="text/javascript"> </script></div> <br> <br></div> <!--this ends the nav include info--> <!-- AddThis Bookmark Button BEGIN. This is for social bookmarking. The code can be used "as is", there is nothing that needs to be changed. Just cut and paste it to where-ever you want to have it on the page. You could even put it into an include, if you wish--> <!-- AddThis Bookmark Button END --> <!--remove the code below, and replace my code with your own adsense code in the google160x600.shtml file before uploading--> <!--************************************************************************************************--></td> </tr> <tr> <td class="footerbg" colspan="3"><!--this is the closing div for the max width, dont delete it--> <hr> <div class="c3">Copyright 2008-2009 www.Learn-How-To-Weld.com<br> <br></div> </td> </tr> </table> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-4488779-1"); pageTracker._trackPageview(); } catch(err) {} </script></div> </body> </html>
__________________
  Reply With Quote
Old 29-05-2009, 09:32   #13 (permalink)
apples
Registered User
 
Join Date: Jul 2008
Posts: 21
emil,

Wow awesome, thanks for that.

How did you do this? Whit an automatic cleaner like HTML tidy?

I see that this part of the code is different here: was this
----------------------------------------------------------
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
</head>
<body>
----------------------------------------------------------

Now it is this:

<style type="text/css">
div.c4 {text-align: left}
div.c3 {text-align: center}
div.c2 {background-color:#FFFFFF;color:#000000}
img.c1 {float: middle; width: 140px; height: 104px;}
</style>
</head>
<body>
------------------------------------------------

What have you done here, what difference does it make???

You must have used an auto cleaner as all the code is lined up nice and straight.



Now for the rest of my pages what should I do? I'm thinking maybe keep copying this index page, and using it for the base of the other pages????


Peter
  Reply With Quote
Old 29-05-2009, 09:40   #14 (permalink)
emil
dt immigrant
 
emil's Avatar
 
Join Date: Nov 2004
Posts: 9,428
Applied source formatting in Dreamweaver, helps a lot to maintain a clean code.

You had two problems, your main table lacked an ending tag, and also one of the <tr>s also you had one word astray in an img (border which wasn't a parameter)

nothing changes for the css, you still have the imprted stylesheets just above the inline styles.

At this point you should worry less about validation and focus more on learning to write code, if you want my honest opinion.
__________________
  Reply With Quote
Old 29-05-2009, 09:55   #15 (permalink)
apples
Registered User
 
Join Date: Jul 2008
Posts: 21
Yes I agree about learning the code. This was originally an SBI site, that I then bought a 3 column template and just started using it.

Just fill in the blanks sorta thing.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive
Web Hosting by Heart Internet, vBulletin © 2000-2009 Jelsoft Enterprises Limited.
Search Engine Optimization by vBSEO 3.0.0 RC8
Web Hosting by Heart Internet