Advice would be appreciated

It's quite an improvement! Although I don't think the red borders do nicely despite it being in the logo. It feels like the elements with the red borders don't belong in the page.

Just a thought. Cheers!

cheers for that AB

What do you reckon.....then.....as referring to remove the red...any ideas
what colors would be better

Maybe a dark blue like in the logo. Also, (particular bug bear of mine), you don't need - after : as in are stated as follows:-

I'd go with Tyssen, maybe a dark blue or cobalt blue?

If you can find that better-suited border color, I don't think you'd still need a separate background color for your main text.

ok...will go with blue borders for the page. DO you reckon......its ok with the white background where I main text goes...or do you reckon a nother background color???

Cheers guys

I like the white background especially since one of your gradient colors is white. Too many colors can make websites very distracting. Thats just my opinion.

cheers for that n8gz4ez

Hi

It looks a LOT better now!

Only complaint I have is that you've got fixed heights for all the boxes so that when the text-size is increased the design breaks quite badly. Plus you've got a px font-size so the text won't resize in IE.

cheers hells. Thanks for the great advice. This is the advice I am after will get that sorted.

Once again...thanks

Hells Bells. See what you are getting at with the fon size px. Its in the body of the code, but when I try and change it say to 1em. It all goes skeewiff.

Any ideas how I can rectify this???

Cheers

There are sooo many ways of doing this - I'm not sure anyone has the "right way" totally pinned down yet, or at least there seems to be a different opinion every week on it!

Anyway. Try replacing 12px with 101% and then replace your 1em font-sizes with .75em - that seems to keep it at about the same size.

(The 101% thing which I know looks odd was to fix a browser bug related to font-size which for the life of me I can't remember right now!)

There are other ways of doing this - for instance using keywords such as Small instead of the 101% - and then either sticking with ems or %s for the font-sizes in the rest of the page.

Edit: Here's another post that goes into the subject: http://www.csscreator.com/css-forum/ftopic12338.html

cheers hells..Thanks for that

Have taken into account all of your tips and have now come up with..a new edited page. Hope this is ok.

Still got to change the rounded rectangle on my image..will do that later

http://www.longtonspiritualistchurch.co.uk/index3.html

Only problem I now have is with the css validation

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.longtonspiritualistchurch.co.uk/index3.html

This is due to my IE hack

*html #textbox{ width: 350px; }

Any ideas how I can get around this???

Once again cheers guys

should be a space between the asterik and the 'html'.

nice one wolfcry...thats sound cheers mate

Hi again

You need to add clear:both; to the base div to make sure it always sits below the other <div>s when the text size is increased.

Once again cheers hells. Thanks

Just encountered another problem...when viewed in IE. My rounded rectangle.....(bottom right of the page)... I have irritaing speckles from the bottom border of the rectangle....think it must be due to height situations....can anyone help..why this is doing this..cheers

cancel that one guys have managed to recify the problem...was ue to not background-repeat:no-repeat in the bottom rounded rectangle image