Background CSS Help

chris_r · 15 Sep 2010 at 20:28

Hey guys,

www.chrisr.co.uk

I am currently creating my official site on my own without hiring others to do so, i like to get as hands on as possible as it's more of an hobby.

Anyway, my official web site is getting an updated domain and site and i have just been editing the background but need some help.

1) Could you tell me if it looks okay, as for me it does. Thought it will prob look different on your monitor?

2) Is there a way to move the background image more to the top, and keep it there at all times?

3) Here is the code i used:

Code:

body {
	background: #9fca47 url(http://img835.imageshack.us/img835/892/85995841.jpg) no-repeat left;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}

Thanks all

Eye seven · 15 Sep 2010 at 22:14

Is this what you had in mind?

Code:

background: url("http://img835.imageshack.us/img835/892/85995841.jpg") no-repeat fixed left center #9FCA47;

fez · 15 Sep 2010 at 22:19

Do you want the full image of you to sit higher on the page. but remain in the same place on someones screen as they scroll down your site?

You can use background attachment to fix it in place and you can just place the image either by using the left, top, right and bottom properties of background.

To fine tune it perfectly you may have to add some size to the background image but you can do that in paint if needs be.

chris_r · 16 Sep 2010 at 17:42

Eye seven said:
Is this what you had in mind?

Code:

background: url("http://img835.imageshack.us/img835/892/85995841.jpg") no-repeat fixed left center #9FCA47;

Thank you so much, looks alrite don't it? :-)

doiks14 · 16 Sep 2010 at 21:22

That's shaping up to be quite a handsome looking website

much better than mine... gives me the urge to redesign mine again.. I will have to one day, but atm, I'm already in development process, so a complete re-design might slow my progress.