Table in Blogger

RichT · Joined: 10 Jan 2009 Posts: 2

As I understand it Blogger interprets any form of line break as a <br/> and there are two ways of avoiding it.

The simplest is to follow the suggestions in http://blogger-tricks.blogspot.com/2007/06/avoid-large-white-space-above-table-in.html

but this can cause a problem if you genuinely DO want a line break.

The other is to manually delete the spaces which does not make the html easy to read but solves the problem albeit in a not especially elegant manner

http://blogger-tricks.blogspot.com/2006/08/how-to-avoid-large-white-space-above_21.html

gmadhusudan · Joined: 29 May 2009 Posts: 1

As they say "The solution lies with in the problem". I was creating a blog in the blogspot and had the same problem with huge about of White space between the table the last line of text above it.

Thanks to "Corey Bryant" for identifying that <br/> is getting added to the HTML.

Though I did not add these <br/> they still get introduced for what ever the reasone the blogspot interprets it. But to get rid of them a simple trick is required.

Steps.
1. Just go ahead and create your table in your blogspot. let them create the <br/>
2. once you publish the blog, open in a new window
3. go to that window and View source. copy the HTML content of the table into a text pad or notepad.
4. on the menu of notepad select Replace
5. in Find what type "<br />" as how they are in the table
6. in Replace with just add a space bar
7. then replace all.
8. Go to Edit Post of your blog and copy this table HTML and replace it with your actual Table HTML of your blogspot.

Done!! all your white spaces gone.

Ritergal · Joined: 06 Aug 2009 Posts: 1

Aha! I had this same problem and was able to use this trick of copying the corrupted source with the string of <br> codes, replacing the original code with the copied, and deleting the string of <br>s. It looks just like it did before this operation, but now it works.

Who knows?

I can't send you to the page, because it's on a locked "scratchpad" blog.

Has anyone figured out why Blogger adds these <br> things? And how to prevent it so we don't have to duck out into public to grab the source code before ducking back in to finish fine tuning our posts? This is nuts!

tenray · Joined: 24 Aug 2009 Posts: 1

I have also this problem,when o insert an HTML table, it will convert every line break in a blank white space, anyone help me?

my blogspot url:

http://dealscatch.blogspot.com

Thx

cjmo75 · Joined: 21 Oct 2009 Posts: 1

There is a very easy work around for this using CSS style tags. All you have to do is place a code before your table in your post and then close it with a </div> tag. Here's an example:

Insert this directly above your table:

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">

Then insert your table code: EX:

<table cellspacing=5 cellpadding=0 border=0>
<tr>
<td> First banner code here </td>
<td> Second banner code here </td>
</tr>
</table>

After the last line of table code, close it off by inserting this tag:

</div>

If you use this work around, you'll have to manually leave as much space as you want between your last line of text and your table because this code will stop Blogger from manually inserting </br> tags for every line. I've used this in many of my blog posts to display Amazon links. For an example, click http://thirtieslost.blogspot.com/2009/10/my-5-favorite-sylvester-stallone-movies.html and look at the bottom of the post. Hope this helps.

Maks · Joined: 03 Feb 2010 Posts: 1

OKAY...

i been reading these and i have NOTHING.

i basically did a 'test' post with only the table and still got huge space between the date it's posted and the table.

i try to read into the CSS template but its not my area of experience.

HELP please!!

masterr · Joined: 10 Feb 2010 Posts: 1