Keeping track of nested tables

I seem to continually have a hard time keeping track of what line of html code goes with what table when I have tables within tables.

I have to really study the code to determine "Now where does this table end?" especially when I've got tables within tables.

What do the "masters" of table nesting and html coding use to keep track of their code so they can easily determine what table tags (and all the tr's and td's that go within and without them) go with which table tags?

Any programs?  I mean, it would be great if each table's code had all a different color from the code for another table.  Is there anything like that that graphically or visually seperates the tables in html code.  Or anything else (or tips) that the "masters" use?

I'll be waiting to hear the wisdom coming forth.

Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Hi there:

Why don't you try Dreamweaver?

This software does what you are looking for.

Morya1Author Commented:
Thanks, I have it.  I guess I'll have to look more deeply into it because I haven't seen that functionality.

I'm assuming you're indenting your code to make it more readable? (I wouldn't post something so obvious but you'd be amazed at how many people don't do this.)
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Morya1Author Commented:
Yes.  I'm just wondering how people keep track of what </table> goes with which <table> when you've got the tables spread out over a large area.
You can still use indenting to help keep track of multiple nested tables:


You can use this along with extra spaces to handle word wrapping.

I still don't understand why people use tables within tables anyway. I have always just used the <tr><td> thing. Although, I have to admit I never really get bogged down in generation after generation of table cells -- my tables are normally just to put an image in a specific place and that's about it.
You can actually NUMBER your tables as well as indent them. I just place a number in the Table Tag and use Asterisks just for a visual highlight. I've seen no ill effects from this in Netscape or Explorer. The browser just ignors this info. Helps me out on tables within tables. Tables within tables -ARE- useful, I used them to "simulate" frames, which is nice because they will adjust automatically to different resolutions. But be advised that getting carried away with it can slow your pages load time down considerably!

<table *1* border=10 width=100%>
this is table 1

    <table *2* border=5 width=50%>
    <tr><td>this is table 2
       <table *3* border=1>
       <tr><td>this is table 3</td></tr>

       </table *3*>
    </table *2*>
</table *1*>

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Xabi wrote:

>Hi there:
>Why don't you try Dreamweaver?
>This software does what you are looking for.

Morya1 replied:

>Thanks, I have it.  I guess I'll have to look more deeply into it because I haven't seen that functionality.

Now xabi explain a little more:

1.- Open Dreamweaver
2.- Open an html document with nested tables
3.- Open Dreamweaver source viewer [F10]
4.- Arrange windows to view source and preview.
5.- Place cursor in one of the inner tables (just click inside)
6.- As you can see in the botton of the preview window you can se something similar to:
7.- Click on the last <table>


Try clicking on the other <table> in the bottom line of the dreamweaver preview window.


PS: Note that you can also give a name to the table. Hope this time it help you.
Morya1Author Commented:
Thank you very much.  That was what I was looking for. I didn't know you could name tables.

Now, I will submit another question that you may know how to do.

Thanks, again.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.