How to add colors ect. Options

[funride]

So I kind of just made this code from my head and what I remeber.

CODE

<style>
.content1 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
.content2 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
</style>

CODE

<div class="content1">
STUFF GOES HERE
</div>
<div class="content2">
STUFF GOES HERE
</div>

But my question is. In the CSS how do I put the text colors, navigation, and background image.

Another question, should I just design the tables along with the header image in PSP2 then allign them with the code?

[theerinkal]

All you have to do is change all of the XX's to numbers. and insert an image url for the background.
You can add a hole bunch of stuff to the code. PM me if you need me to help you out with this code.

I just usually just make them with my editor and just align them because that's easier for me but do whatever your better with.

Definitions-
Top= how far from the top you want something
Left= how far from the left you want something

CODE

<style type="text/css">
body {background-image: url("IMAGE URL HERE"); background-repeat: repeat;
color: COLOR OF TEXT HERE; font-family: arial, sans serif, times; font-size: XXpx}
#content {width: XXpx; height: XXpx; top: XXpx; left: XXpx;}
#navigation {width: XXpx; height: XXpx; top: XXpx; left: XXpx;}
<style>
<div id="content">
TEXT HERE
</div>
<div id="navigation">
TEXT & LINKS HERE
</div>