I'm curious which of the following code is more efficient than the other. I've been told that Netscape is really slow at rendering tables so I thought the second approach would be nicer, but then again it required more hit for the spacer image.
I like the second one because I won't need more tables to add more text without having the border divide the cells again.
1.
<table width="156" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td bgcolor="#666666">
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td bgcolor="#1D4576">title</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">title</td>
</tr>
</table>
</td>
</tr>
</table>'
2.
<table width="156" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3" height="1" bgcolor="#666666"><img src="./images/spacer.gif" alt=""></td>
</tr>
<tr>
<td width="1" bgcolor="#666666"><img src="./images/spacer.gif" alt=""></td>
<td width="154" bgcolor="#1D4576">text</td>
<td width="1" bgcolor="#666666"><img src="./images/spacer.gif" alt=""></td>
</tr>
<tr>
<td colspan="3" height="1" bgcolor="#666666"><img src="./images/spacer.gif" alt=""></td>
</tr>
<tr>
<td width="1" bgcolor="#666666"><img src="./images/spacer.gif" alt=""></td>
<td width="154">text</td>
<td width="1" bgcolor="#666666"><img src="./images/spacer.gif" alt=""></td>
</tr>
<tr>
<td colspan="3" height="1" bgcolor="#666666"><img src="./images/spacer.gif" alt=""></td>
</tr>
</table>'
Thanks,
Mark
Webmaster
http://www.lancerforums.com
Busy posted this at 23:39 — 11th November 2001.
He has: 6,157 posts
Joined: May 2001
To much on such a small scale they are similar thing, except the bottom option is bigger, but instead of using the spacer gif use the non breaking sace tag thingy
Netscape doesnt like empty cells, but using the above is ok.
nesting tables is sometimes easier and faster, the browser read you tables code then displays it, having one really big table can take longer then say one or two smaler tables, IE gives the impression its loading faster (and sometimes does), kinda like a anitalised gif loading, takes the same time but you see it loading so appears faster.
I think it was Netscape that gave us tables
<?bhb if(broken){ echo("It wasn't me
"); } ?>
Learn HTML the ez way - EzHTML.net
Some people are like slinkies, they dont really serve any purpose but they still bring a smile to your face when you push them down the stairs ...
Gurudev posted this at 23:53 — 11th November 2001.
They have: 61 posts
Joined: Nov 2001
Not a big difference when you are using only a couple of nested tables. Lot of sites have loading problems in netscape because they create one main table at the very top of the page and then have several tables within. That is the problem. If you have several tables and nested tables within then the best way is to have a series of tables. Because in netscape (I don't know about version 6+) tables are loaded one by one and when you have a series they are loaded one by one and you can see them loading - otherwise, you have to wait till the main big table of the page is fully loaded before you see anything.
e.g.:
content
content
content
content
content
http://WebDesignBids.com -or- http://ProgrammingBids.com
[=1]Register for FREE as a buyer to post projects ~or~ as a programmer/designer to find work
Buyers Request - Programmers Bid! Get bids on Design, Scripts, Databases, Programming..
[=-1](also coming soon - WebHostingRequests and WebHostingOffers)[/][/]
Mark Hensler posted this at 10:03 — 12th November 2001.
He has: 4,044 posts
Joined: Aug 2000
Here is my short version... Table contents are not displayed untill the browser heres "" for the outmost table.
Mark Hensler ["Max Albert"] [Email]
If there is no answer on Google, then there is no question.
Tiffany_M posted this at 20:26 — 13th November 2001.
They have: 16 posts
Joined: Aug 2000
No real preference on the code, just a note to remind you that Netscape doesn't always render bgcolor properly in nested tables. If you nest, you'll need to add a background image of the color to the tds to have the color render properly.
Tiffany Ring
Go Shoeless!
Vincent Puglia posted this at 21:53 — 14th November 2001.
They have: 629 posts
Joined: Dec 1999
Hi,
when in doubt, time it:
<script language='javascript'>
var start = new Date().getTime();
</script>
...body contents...
...tables, images, etc...
<script language='javascript'>
var end = new Date().getTime();
alert(start + '\n' + end + '\n' + (end - start))
</script>
Vinny
The Blades of Grass cut me still