Fixing invalid HTML code

Question

I am working on a html page with lot of tables and divs. In dreamweaver the code view shows invalid code by highlighting with yellow color. But I am not able to fix the invalid code due to lot if table and div tags. Is there an easy way to fix this invalid code? please let me know. I am using Dreamweaver 8. Attaching a screenshot for clarity.
-Shiva

Answer 1

Hi, Shivanand,
Do a "Validation" on your pages, within Dreamweaver.
If your Validation tab is not showing, do Window > Results > Validation. Then click the green triangle to the left of the window and select from [Validate Current Document |  Validate Entire Current Local Site | Validate Selected Files in Site]. Into the Results list will pop all the errors that the Validator finds. Notice that the Validator will tell you which files show no errors. Those with errors also show the file name and the line number where the error occurs. Double-click on an error line (you can click anywhere on the line) will open the offending file and highlight (in Code View) the location of the error. The Results Panel will tell you what the error is, for instance
File             | Line | Description
Untitled-5.html     10     Nesting Error, "table" should be closed before closing "body" [XHTML 1.0 Transitional]
You can work your way down the list, fixing all the errors along the way.
I suggest that you renew the Validation (have it re-validate) after you have fixed several files.
There may be more 'automatic' ways to do this, but I have only done it this way.
Z