19 replies [Last post]
dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Hi,

Just redesigned a web page. This was the original

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

and this is the page I have created. Have had to keep the image on the site as the previous version

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

Do you reckon should leave the main text area with white background??

Any advice would be appreciated.

Cheers

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 5 years 31 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

Advice would be appreciated

It's quite an improvement! Smile 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!

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

cheers for that AB

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 8 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Advice would be appreciated

dthomas31uk wrote:
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:-

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 5 years 31 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

Advice would be appreciated

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.

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

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

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 10 years 45 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

Advice would be appreciated

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. Smile

This is my big chance . . . yep, I blew it . . .

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

cheers for that n8gz4ez

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 11 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Advice would be appreciated

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.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

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

Once again...thanks

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

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

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 11 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Advice would be appreciated

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

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

cheers hells..Thanks for that

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

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

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 40 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Advice would be appreciated

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

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

nice one wolfcry...thats sound cheers mate

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 11 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Advice would be appreciated

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.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

Once again cheers hells. Thanks

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

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

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 31 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Advice would be appreciated

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