css

[sr71000]

hey guys...i'm finally learning css lmao. anyways i've set up a background image and i'm having trouble doing what i want with it. I want it centered across the page but with a space of 75px from the top. This is my css page.

body
	{
		background-image: url("background.png");
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 50% 75px
	}

[Lord_Infamous]

yes yes, CS:S .. good game

[njolakoski]

Quote:

Originally Posted by Lord_Infamous

yes yes, CS:S .. good game

He isnt talking about the game, ans sr71000, have you check with www.w3schools.com guides there?

Sorry I cant help anymore.

[washe]

Quote:

Originally Posted by Lord_Infamous

yes yes, CS:S .. good game

url(i/bg.jpg) repeat-x;
	margin: 126px 0px 0px;
	padding: 0px;

I use that for a repeating pattern possible you need to use a margin to do placement...

That way it gives a margin where the text starts at 126px on height.

[Lord_Infamous]

..wow..i knew he wasent talking about the game

[sr71000]

hmmm.....washe..u mind explaining in more detail and such as i really only started learning css today so it's really new to me!

[sr71000]

bump for the day croud!

[sr71000]

ok...so here's an idea maybe.....lol if you check out this it talks about setting a top "margin" for lack of a better term! Can anyone show me how to use this in my css code as posted above...i've been trying it out but i don't understand how to work it! any help would be greatly appreciated!

[sr71000]

well..i guess i figured it out. My new style sheet looks like this for anyone interested

body
	{
		background-image: url("background.png");
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 50% 150px;
	}

It shows the bottom half of the image up top which i don't like (but it will be covered by another image inside a table) but it works for now, until i get more experience and can do it another way .

[washe]

Quote:

Originally Posted by sr71000

well..i guess i figured it out. My new style sheet looks like this for anyone interested

body
	{
		background-image: url("background.png");
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 50% 150px;
	}

It shows the bottom half of the image up top which i don't like (but it will be covered by another image inside a table) but it works for now, until i get more experience and can do it another way .

CSS is a pain sometimes... more when you are a novice like myself..

The one I posted worked for me to position text after a small Header I made with a picture to mount the logo... I tought you needed to start the text on a certain position...

Me bad!!