Help With Table

pineapple76 · Joined: 26 Apr 2008 Posts: 1

Hello,

I've just added social media links onto my blogger blog. I added them as a table, and now I have a huge gap between the post and the social media links.
How can I fix this?

to see go www.marketingbystephanie.blogspot.com

Corey Bryant · Posted: Sat Apr 26, 2008 1:15 pm

(I reformatted the code using Microsoft Expression Web so this part might be a bit different, I just did it so it would be easier to read.)

mjpliv · Joined: 11 May 2004 Posts: 406 Location: Nova Scotia

Cory is right.

Remove the unecessary <br> tags. IE places them outside of the table causing the extra spaces.

I removed them and it looks fine

Straystudio · Joined: 14 Apr 2008 Posts: 238 Location: Nord Italy

I know by my experiences on Blogger, code We can work out by " View Page Source / HTML " utilities in Browser, may be slightly different somewhere, than the HTML Code You really find in Editing Template.

Open HTML Template.
Check where each text (Your posts) is stored; it might appear as a very long, uniterrupted string (not as a block) there within <div> tags, starting <div class='post-body'>.
i.e., Your 2nd post:

<div class='post-body'>
<p>Over the next several posts I will flesh out each idea from <a href="http://marketingbystephanie.blogspot.com/2008/04/marketing-five-step-plan.html">Marketing: a Five Step Plan </a>out further. ( text goes regularly on with some <br/> tags there and here ..... )<br />Do you conduct research before you plan out your marketing?<br />( Check whether bunch of single <br/><br/><br /> or coupled <br></br><br><br/> at here, and delete on You own.) ( Now social media links are inside the following <table> which has no fault )<table><br /><tr><td><a href="http://www.stumbleupon.com/submit?url=http://marketingbystephanie.blogspot.com/2008/04/step-one-research.html"><img align=left src=http://ecotality.com/life/wp-content/uploads/2007/11/stumble-upon-logo.jpg HEIGHT="35" WIDTH="35"></a></td><br /><td><a href="http://del.icio.us/submit?url= http://marketingbystephanie.blogspot.com/2008/04/step-one-research.html title=Step One: Research"><img align=center src="http://swik.net/swikIcons/img-160-96x96.jpg" HEIGHT="35" WIDTH="35"></a></td><br /><td><a href="http://www.facebook.com/sharer.php?u= http://marketingbystephanie.blogspot.com/2008/04/step-one-research.html/&t=Step One: Research"><img src=" http://www.freewebs.com/spotlightweb/facebook-icon.gif" HEIGHT="35" WIDTH="35"></a></td><br /><br /><td><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u= http://marketingbystephanie.blogspot.com/2008/04/step-one-research.html&title=Step One: Research"><img src="http://hitechstartups.files.wordpress.com/2007/07/yahoo-icon.gif" height="35" width="35" /></a></td><br /><br /></tr></table></p>
<div style='clear: both;'></div>

</div>

P.S.: Still writing, now doing Preview I see others already posted sharing my same mind.

mjpliv · Joined: 11 May 2004 Posts: 406 Location: Nova Scotia

Here is a little tidbit that I noticed working on this problem. Looking at the page in IE I highlighted the content which clearly showed the <br> above the table itself. The neat part was that as I highlighted each <br> tag it also highlighted the corrosponding image even though the curser hadn't reached it yet. Thats when I went to look for <br> tags in the table contents.

Cool! Try it yourself!

Straystudio · Joined: 14 Apr 2008 Posts: 238 Location: Nord Italy

Most likely She/He could find as simpler Editing each single Post, since any <br /> tag may come from breaking row made at the end of message (bottom empty space in textarea).

Straystudio · Joined: 14 Apr 2008 Posts: 238 Location: Nord Italy

mjpliv · Joined: 11 May 2004 Posts: 406 Location: Nova Scotia

[quote="Straystudio"
Curser hit table-border before of image; You have highlighted a table-cell, driwing highlight on the image, too.

In Netscape N9 now, holding CTRL down, I hit clicking along the table border and cells' square shape get highlighted.[/quote]

In IE the effect of the <br> tags were completely outside of the table cells. I added a border value to the table to visually define it when I first checked to see if it was the table or the DIV formatting that was cause the problem in the first place.