weballey logo
 
left Tables - nesting backnext right
homesearchsite mape-mail
basics
expanding
sizing
colors
borders
alignment
< nesting >
navbar
quick recap
tags
epilogue
      Tables can be nested, you can put a table inside a table. As you might have guessed already, since my web pages are constructed with tables. And there are smaller tables in between the text. Just put the table inside the TD tags, and you have your nested table.

<TABLE BORDER="1"><TR><TD>
<TABLE BORDER="1"><TR><TD>
<TABLE BORDER="1"><TR><TD>
<TABLE BORDER="1"><TR><TD>
<TABLE BORDER="1"><TR><TD>
cell
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>

cell

    There is one big caveat when nesting tables this way. A small table like this one will work okay. When using more complex tables, and at the same time deep nesting, some browsers may use a lot of memory. And when I say a lot, I do mean A LOT! They may take hundreds of megabytes to render. This will often require virtual memory on your disk. Making the rendering of your web page very slow, it may take minutes, literally. Sometimes even your browser may crash.

   

    This is also a nested table, only the borders are off, the cellspacing is set to 10, and the cells have been colored soft blue and orange intermittently. The possibilities for this kind of tricks is only limited by your imagination. Some web browsers will have trouble displaying the colors of the nested tables. They will only use te top color. The majority will display them correctly.

goto top  
leftCopyright © Gerben Hoekstra - All rights reserved backnext right