[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 329
  • Last Modified:

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.

Thanks.
Michael
0
Morya1
Asked:
Morya1
  • 3
  • 2
  • 2
  • +2
1 Solution
 
xabiCommented:
Hi there:

Why don't you try Dreamweaver?

http://www.macromedia.com

This software does what you are looking for.

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

Michael
0
 
SubhumanCommented:
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.)
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
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.
0
 
TTomCommented:
You can still use indenting to help keep track of multiple nested tables:

<table>
<tr><td><table>
        <tr><td><table>
                <tr><td>data</td></tr>
                </table>
        </td></tr>
        </table>
</td></tr>
</table>

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

Tom
0
 
SubhumanCommented:
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.
0
 
nascar_3Commented:
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%>
<tr><td>
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*>
    </td></tr>
    </table *2*>
</td></tr>
</table *1*>
0
 
xabiCommented:
Xabi wrote:

>Hi there:
>Why don't you try Dreamweaver?
>http://www.macromedia.com 
>This software does what you are looking for.
>xabi

Morya1 replied:

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

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:
   <body><table><tr><td><table><tr><td>
<table><tr><td>
7.- Click on the last <table>

voila!

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

xabi

PS: Note that you can also give a name to the table. Hope this time it help you.
0
 
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.
Michael
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now