Rats Nest of Tables

[richkoi]

I am helping a client solve this OSCommerce layout problem:

http://www.mvixusa.com/shop/faqdesk_...php?faqPath=13

This page seems to be missing a table tag but I can't for the life of me find it. All the other pages on that site work, but this one is being stubborn.

This page is generated by a bunch of OSCommerce PHP with a header and a footer and way too many tables. If you can help me find that missing table tag I might just be able to put a PHP bandaid on this particular page.

Thanks,

Rich

[ADAM Web Design]

You know, if it were only one missing tag, you'd probably find someone smart enough to help you.

The problem is that it's a bunch of missing tags (for starters) and as a result, you need to find someone stupid enough to help you.

Fortunately, I just happen to be that stupid (and suffering from insomnia).

http://www.adamwebdesign.ca/wpw/rich_koi_test_2.html

As you can see, I've indented the code to try and figure out what was missing in terms of tags and where, and I've gotten most (if not all) of it isolated.

By the way...whatever you're charging these people to rework their site, double it and share it with some of us. I fixed maybe half of what is wrong or "not optimal"...if I wanted to, I could have spent at least another hour on it just cleaning up code.

And to your client, MviX, should you happen to read this: unfortunately, you guys had some butchers working on this thing. It's probably why you turned to richkoi (smart move, too!) The problem is that this is going to be 10 times as complicated a mess to fix as it should be.

Either give him what he wants to fix it or let him redo it from scratch (probably cheaper to do it from scratch.)

[richkoi]

HAHA! Thanks Adam. I owe you.

This site is a template for OSCommerce, so I don't think we can pass the blame onto an old webmaster. He wants to upgrade the template anyways, so I am going to suggest seeking out a pure CSS template for this store. I am sure I could design one on my own but if there is a ready made solution out there, I'm more for it.

Thanks again for the help. Hopefully I can root out the problem now. This page is made up of about a dozen PHP files so it may take awhile to figure out which files those missing table tags are from.

Rich

[richkoi]

Also, does anyone know of a site or software that you can check sites for missing or open tags?

Anything in the Macromedia suite that is good at this?

Thanks,

Rich

[ADAM Web Design]

http://validator.w3.org would do it.

Mind you, in this case, it was too big a rat's nest to get through. Hence the indenting of the code.

And you're welcome. :)

[webmaster@pinecone.com]

I find it helpful to remove inner tables from the HTML until I only have the tables needed to establish the structure of the page, then I start putting tables back in until it fails.

I agree that the code is a mess. Look at the table widths....your outermost table has a width of 900 and it contains a table that has a width of 976. You also have several rowspans and colspans. That doesn't help matters. You're also missing the 1st table row tag of your outermost table.

Like I said...take out all the inner tables to establish a structure, then start adding things in slowly...one table at a time. Also...turn on borders as you do this so you can actually see the table outlines. Using various border colors as well will help you see each table and cell as you work thru this.

Good Luck.

[bjbtexas]

OScommerce uses a template, header, footer, boxes and includes. It’s not an easy problem to solve, you’ll have to look at it all. There is very good community at http://www.oscommerce.com/

The final html on OScommerce looks like hell and will always look like a rats nest of tables in html.

Since its just your FAQ look there.

[mikmik]

Anything in the Macromedia suite that is good at this?

Are you using Dreamweaver already? I wouldn't suggest buying anything just for the tag checking, but I am sure that isn't exactly what you mean, LOL!

In DW MX, in the 'View' menu, go to the 'Code View Options' and put a check next to 'Highlight invalid HTML'

Also, DW shows the hierarchy of tags beneath the open document window, so if you click on the tag, it highlights all the code between the tags - like bracket matching in DW8. This is most excellent for seeing how much territory a tag is enclosing. Just click a tag in the code, then click it in the display underneath.

I have seen many softwares, such as phpbb, have multiple upon multiple invalidly nested, and rogue tags.
Try checking out a WPW page sometime, it is also a nightmare! To be fair, I haven't done that in a while, but it was very bad, :O)

[Faglork]

Also, does anyone know of a site or software that you can check sites for missing or open tags?

HTML Tidy by David Ragget.

hth,
faglork

[Tim]

HTML Tidy by David Ragget.

There's a nifty version of HTML Tidy as a Firefox extension.