How to solve the "Big Gap" issue with HTML Tables in Blogger

Wednesday, April 29, 2009



So, today I wanted to go through some tips on how to insert tables into posts because this is something I did for all the deals listed on the Gambling-Affiliation Blog and a number of our affiliates contacted me to find out how it was done as well as some of my readers.

The biggest problem I heard from the people emailing me was that when they put a table into the blogger html, there was a huge space between the text just before the table and the table itself.

First, the reason why you are getting this huge space is because Blogger inserts a break tag each time you hit enter, and for some reason each new cell in your table causes a break.

So, to take care of these extra breaks problem, which causes this huge space, is actually really straight forward and easy.

All you need to do is login to your blogger account, click on New Post and then go to the Edit Html section. Once you are logged in and ready to post, follow these steps and your table will look just fine:
  • The very first thing you need to do is to insert this small piece of CSS code right at the VERY top of your html:
‹style type="text/css"›.nobrtable br { display: none }‹/style›
  • Then, you need to use a div tag to reference it, post your table under the tag and then close the div tag like this:
‹div class="nobrtable"›

-------POST YOUR TABLE HTML CODE HERE-------

‹/div›

This is an example of what it needs to look like in your html editor in blogger:




Then, this is what your finished product would look like:





























TEXTTEXTTEXTTEXT
TEXTBLAHBLAHBLAH
TEXTThis is your table that you have inserted into your blog
TEXT
TEXTBLAHBLAHBLAH


And that's how easy it is to ensure you do not have a huge gap between the top of your post and where the table is supposed to be.

If you found this post useful, please leave feedback by making a comment and be sure to keep coming back to the Gambling-Affiliation blog for more useful tips on how to be a better affiliate using blogger.

Keep up to date with all the current news and events with Gambling-Affiliation all the time through the various social networking tools we have available for you:


I would like to say a big thank you to Arun Vijay for his helpful post which assisted me when I was first trying to do this myself. His post on the same topic can be found here.

0 comments

Post a Comment