Creating HTML tables in Blogger

Blogger puts in extra space some how in a blog post containing HTML tables.
I found a fix: http://www.mt-soft.com.ar/2008/12/06/how-to-create-tables-in-blogger/
Wrap a Div around entire HTML containing formatted tables.


From http://www.blogger-book.com

Testing method of avoiding large white space created by standard way of coding table

I have a post detailing how to write the HTML for a table in this post How to avoid large space above table when writing the HTML for a table in Blogger. There were two methods, the one I used is cumbersome. MLA commented in that post and asked for my opinion of his way of avoiding large white space above tables when writing HTML for tables in the standard format. I said I will test it, so I am testing it first in a New Blogger blog. If it works here, I believe it should also work in the old (classic) Blogger. So here goes. If you don't see any large white space between this paragraph, and the table, that means MLA's method works:

Product	Code	Price
Apple	0123	$1.25
Orange	0247	$1.55
Pear	1928	$1.45

Well, there are no large space between the paragraph above and the table as you can see, so MLA's method works.

This is how MLA did it. He created a class "nobr" using CSS, like this:

Then below the CSS, he created a division

specifying the class. He will then type the HTML for the table in the standard format within that division. For example, this is the script I used to create the above table: