Fg and Bg

[Orkal3]

I need help on making CSS for a website. It should look something like this.The "Foreground has the text and everything while the "Background" is just a plain color with nothing in it.Can someone be of an assistance? I'm not really good with CSS.

[Synook]

Well you could make the body have the background color and have a division that will hold the content

<style type="text/css">	body {		background-color:#666666; /*Background color;*/	}	div#foreground {		background-color:#333333; /*Foreground background color :) */		border:2px solid #000000; /*Border*/		color:#FFFFFF; /*text color*/		width:950px; /*Limit width*/	}</script><!-- ... end head, begin body ... --><div id="foreground">	All your text goes here</div>

[Orkal3]

Thank you.But theres a problem to it. All I get is the background. Is it the width I need to change?

[Synook]

Whoops typo (</script> instead of </style>)

<style type="text/css">	body {		background-color:#666666; /*Background color;*/	}	div#foreground {		background-color:#333333; /*Foreground background color :) */		border:2px solid #000000; /*Border*/		color:#FFFFFF; /*text color*/		width:950px; /*Limit width*/	}</style><!-- ... end head, begin body ... --><div id="foreground">	All your text goes here</div>

[Orkal3]

Thank you. Just one thing, can you change the background color to background image?

[Ingolme]

You can use the background-image CSS property:background-image: url(myimage.gif);

[Orkal3]

Do I put it between:body {}or below it?

[Ingolme]

You put it in the same place you put background-color.

[Synook]

So you could style your foreground to have a background-image too.

[Orkal3]

What about the border for the foreground? Can I change that too? If so, how?

[Ingolme]

A basic border in CSS can be done like this:border: 1px solid red;It can be broken down to:border-width: 1px;border-color: red;border-style: solid;You must give the border a style and width for it to show up.

[Orkal3]

Is there anyway I could add an image for the border?

[Ingolme]

No, not without more complex CSS methods and various extra <div> tags and background images.

[Synook]

CSS3 has a border-image property, but unfortunately no browsers implement it yet

[Orkal3]

Oh, well thats ok. Thanks for helping me. I got every information I needed.