Blogger Talk blogging forums Need a Reliable Web Host? Click here! 
Blogger Talk
Blogger Talk
View topic - EXTREME vertical gaps in Blogger



 Forum FAQ  •  Search  •  Memberlist  •  Usergroups   •  Register  •  Profile  •  Log in to check your private messages   

BloggerTalk.net Forum Index » General Blog Discussions » EXTREME vertical gaps in Blogger

Post new topic  Reply to topic
 EXTREME vertical gaps in Blogger « View previous topic :: View next topic » 
Author Message
GeoBear
PostPosted: Sat Jun 07, 2008 3:48 pm    Post subject: EXTREME vertical gaps in Blogger Reply with quote

New Member
New Member

Joined: Jun 07, 2008
Posts: 2
Location: Seattle

I'm new to blogging, but I'm very impressed with the blogs I've created with Blogger. However, one thing that bothers me, especially when I'm adding page elements, is that I often wind up with large to enormous vertical gaps or spaces between elements.

I recently added my first Text Page Element. In it, I typed a message, then inserted some HTML for a table.

But when I view my web page, I have to scroll quite a ways down from the text to see the table.

When I edit it, it looks like this in HTML mode:

End of Text
<table><tr><td>Data</td></tr></table>

But when I switch to Rich Text Format mode, I see a huge space between the text and table. If I delete this space and save the element, the display doesn't change.

I have been able to make the table float to the top using various tricks, but I can't quite figure out what the magic secret is.

For a while, I thought the problem might relate to the inline CSS styles I used in my table, but removing them doesn't help.

Any suggestions?

Thanks.
Back to top
View user's profile Send private message Visit poster's website
Sponsored Ads
Shawn
PostPosted: Sun Jun 08, 2008 9:16 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 318
Location: Canada

Widgets and Page Elements already have CSS Defined in the blogger template for the apperance and design of the template you are using...

By viewing your page source and locating the element you added you can usually see some sort of CSS attribute already in place.

Try searching your template for this CSS atribute up near the header, it is very possible it has padding and margin already defined in the CSS that you will need to modify for your needs.

Its either that or remove the table you may have surrounded the data top begin with and see what the element looks like with the already CSS in place..

If you need further help post a URL and the element your refering to and I will take a deeper look.

Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
GeoBear
PostPosted: Sun Jun 08, 2008 9:38 pm    Post subject: Reply with quote

New Member
New Member

Joined: Jun 07, 2008
Posts: 2
Location: Seattle

Shawn wrote:
By viewing your page source and locating the element you added you can usually see some sort of CSS attribute already in place.


Stupid me, I don't know why it never even occurred to me to look at the source code. Anyway, I discovered that when I insert HTML that looks like this...

<table>
<tr>
<td>

...Blogger inserts a break after every line break, so it look like this:

<table>

<tr>

<td>


So I just squeezed all my code together, and it now works fine.

Thanks.
Back to top
View user's profile Send private message Visit poster's website
Shawn
PostPosted: Sun Jun 08, 2008 9:46 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 318
Location: Canada

No problem GeoBear, glad its working now.

Take care,

Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic  Reply to topic Page 1 of 1

BloggerTalk.net Forum Index » General Blog Discussions » EXTREME vertical gaps in Blogger
Jump to:  



You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Design by Invision-Graphics | Powered by phpBB © 2006 phpBB Group
Credit Card | Loans | Refinance | Mortgages | MySpace Backgrounds
Get Your Ad Here
BloggerTalk.net Statistics
 Today: 15,528  Yesterday: 20,786  Unique Hits: 18407  Total Hits: 6,707,483
Page Rendered in: 0.54s - Total Queries: 0 - MySQL DB: 112.1 mb's - Pages served in past 5 minutes: 83

BloggerTalk.net All rights reserved.
Unauthorized distribution, transmission or republication strictly prohibited.
Design by Invision-Graphics.com Proudly hosted by VisionThisHosting.com