I'm trying to redo my little church's site. I'm using IE8 because that's what us 70 year olds use! No one around here ever heard of Chrome, Fire Fox, etc. until we got a 27 year old pastor. I am using a template that I will use throughout my site, so I am trying to format it. In attempting to use CSS I'm losing my mind. It's like trying to swat flies. I have 2 major problems:

1) My banner absolutely will not align within my header.

2) My footer is ok, but if I correct the code in my footer by adding the required apostrophe after the height, the page looks like a rugby scrum!

If I can't catch on pretty quick, I may (runs and hides under bed) have to slap one together in HTML using <b>TABLES</b>. I hope someone can please help me.

You can view the page here: http://www.collegegrovemethodist.com/hometemplate.html

What CC software are you using to build this site? If we start there we can better help you.

Hi Mister Smith,

For starters, change the css for the header to this:



And then remove the reference to the picture further down, so that only this remains:



Then download the header picture and reduce the width of it to 950px (it's 980 now). Since you have the wrapper 960px wide and a 5px border around it, we need to subtract those 5px from both sides...
Save the image to the same folder as the html file.

Since it's way past midnight here in Norway now, I'll have another look at your site tomorrow morning, maybe someone else has come up with more help in the meantime.

Oh, forgot to mention...

You have a declaration


somewhere in your CSS. I guess you forgot to put #nav in front of it.

Hmm, nobody else?

Well, I have replicated your site here: http://www.eikweb.com/stuff/hometemplate.html and corrected some bits and pieces of the html and css. Is this how you want it? If so, you can view source in your browser and copy it for your site.

I'll be going away for the weekend, so I don't have time to explain every change I've done, but if you wish, I can do so after the weekend.

Thank you so much Inger! This helped me retain my sanity. I am contemplating "mouse over" for the various nav buttons and have the coming events scrolling. Can this be done any way other than using Java Script? Thank you for all your help!

http://www.collegegrovemethodist.com/hometemplate.html

Hi again,

I'm glad to be able to help.

I have updated the replica of your site (see url in my previous post) with a suggestion for a mouseover menu with some colour change. I used colours from your css, but of course you can change them if you don't like the ones I used.

I also made the pale green text pane with 'Sunday morning services' a wee bit narrower since it was sitting smack on the right edge of the left column. Now it has a bit of space.

Regarding scrolling text: I'm not particularly good with java script, but with the CC programme RSS News Flash you can easily make your text scroll.

Thanks soooo much! I'm just doing a draft so our pastor, and probably a committee, can change the colors to their heart's delight. BTW, I think you sent us some snow! (2 inches)

You're welcome to that snow! We've got enough of it.