Tuesday, January 09, 2007

Contest: Any HTML Experts Out There?

You may have noticed I've changed the background on my blog. I like the new background, except...somehow it seems to have squashed the message area and the links area over to the left, with just empty space on the right. I followed the instructions exactly for installing it, so I'm at a loss of how to fix it.

So I've decided to hold a contest! The first person who can tell me how to fix this problem...that actually results in me being able to fix it...will win a free download of one of my books, whichever one the winner chooses. You can read about my books at www.elizabethdelisi.com.

Sure hope someone comes up with an answer! Thanks!

Liz

1 comment:

Manky said...

I don't know if I'd call myself an "html expert", but I do know how to solve your problem. I just hope I can explain it clearly here.

Go to the edit template setting from your blogger dashboard and click on the "edit html" tab.

Scroll down the page until you see this: #outer wrapper {

The first line of code under that heading should be "width: a number px" For example width: 790px;

That's how wide the entire area of text will be for your blog, and that includes both the main entry posting area and the side bar.

The next category should be:

#main-wrapper. That also has a width number. For example, make it 460px.

Immediately after that is the category sidebar-wrapper:

Try making that width 260px.

Now, you've made the outer wrapper 790px,
The main-wrapper is 460px;
The sidebar-wrapper is 260px.

If you add 460px and 260px you get 720px as the total amount of text space you will use for the blog. But overall, you've assigned 790px. The difference is 70px. That's the amount of space that will appear between the main posting area and the sidebar.

If you want to see these numbers working on a blog, go to
http://mtitwonky.blogspot.com

One more thing: if you want your page header to be the same size as the main wrapper and the sidebar wrapper with the space in between taken into consideration:

Scroll back up the html code until you see:
header-wrapper:
under it there will be a width specified. Put 790px; there. That will align everything on your blog.

You can play with the numbers I've given you if the amount of space is not what you like. Just remember that the total area = main wrapper, sidebar wrapper, and the space you want between the two.

If you have any questions, please email me or leave a comment in my blog. If necessary, I could fix this in your html coding myself, but as long as you know where to look, it is something you can do and adjust as needed.