practice layout, help with everything? Options

[moobiie]

Hello.
I've decided to learn how to code & make my own myspace "div" layouts.
so far, i've made a quick test layout with photoshop.

click here

of course I can do a lot more to the layout but I want to get the basic coding down 1st.
so um...what exactly do I do next?

please help!

[moobiie]

ok i got another question
my layout & text is showing up great but how in the world do I change the background color of the original page?

this is my code so far.

about me.

CODE

<div class="bg" style="position: absolute; left:230px; top:160px; width:800px; height:600px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v628/_moomoo_/practicelayout.jpg">
</div>

<style type="text/css">
    table, tr, td {background:FFFFFF;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>

i'd like to meet.

CODE

<div class="content" style="position: absolute; left:260px;  top:390px; width:180px; height:400px; overflow: auto;">
blah blah blah blah blah
<br>
yes! i did my 1st div...i think
</div>

<div class="content" style="position: absolute; left:240px;  top:340px; width:560px; height:400px; overflow: auto;"><center>
woo hoo! i'm on a roll!
</div>

myspace