how do i put a div layout on my myspace., because i'm confused. Options

[shortie21]

help me. haha. i'm trying to put a div layout on my page and well.. idk how the hell it works. i paste it in my about me.. but it looks f'd up.. help.

[*Infinite.*]

Okay take the whole coding:

CODE

<style>.r{}</style>
<style type="text/css">
    table, tr, td {background:transparent;}
    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;}

body {
background-color: 5b5b5b;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:5b5b5b;
scrollbar-track-color: 5b5b5b;
scrollbar-shadow-color: C0C0C0;
scrollbar-face-color:C0C0C0;
scrollbar-highlight-color:C0C0C0;
scrollbar-darkshadow-color:C0C0C0;
scrollbar-3dlight-color:C0C0C0;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:5b5b5b; font-weight:none; border:0px; text-transform: none; line-height:12px;}  

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: FFFFFF; font-weight: bold; font-size: 20px; letter-spacing: -2px;}  

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}  

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}  

{date stamp on comments}  
.blacktext10{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}  

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px;  color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:arial; font-size:9px; color:C0C0C0; font-weight:none;border:0px; text-transform: uppercase;}  

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:5B5B5B; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:9px; color:5B5B5B; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:arial; font-size:9px; color:5B5B5B; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:5B5B5B; font-weight:none;border:0px; text-transform: uppercase;}

div table td font {visibility:hdden;}
div table table td font a {visibility:visible;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}
</style>



<div class="bg" style="position: absolute; left:100px; top:180px; width:700px; height:575px; overflow: hidden;">
<img src="http://img231.imageshack.us/img231/6702/smilejm8.jpg">

</div>



<div class="content" style="position: absolute; left:105;  top:420px; width:290px; height:318px; overflow: auto;"><center><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOURFRIENDID">Send Message</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOURFRIENDID"> Add</a> | <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOURFRIENDID">My Friends</a> | <a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=YOURFRIENDID">Comment</a></center>

<center><font size="2"><b>Comments</b></font><br>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YOURFRIENDID" type="hidden"><textarea name="f_comments" cols="23" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: trebuchet ms; font-size: 10px; color: 000000; background-color: ffffff;" style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 000000; background-color: ffffff;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 000000; background-color: ffffff;" type="reset"></form><BR>




...YOUR INFO HERE...






</div>

<div class="content" style="position: absolute; left:405px;  top:185px; width:390px; height:565px; overflow: auto;">


Your Main Content here.


</div>
<style>.r{}</style>

Insert this all into your about me, make sure there isn't anything else in any of the other areas.



Next Step

find this:

<div class="content" style="position: absolute; left:105; top:420px; width:290px; height:318px; overflow: auto;"><center><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOURFRIENDID">Send Message</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOURFRIENDID"> Add</a> | <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOURFRIENDID">My Friends</a> | <a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=YOURFRIENDID">Comment</a></center>

Now take every YOURFRIENDID (bold) and replace it with your friend ID.

If you don't know what your friend ID is, here:
How do I find my friend ID?!

Your Friend ID Number: Your "Friend ID number is the number found in your "address bar" when you visit your profile, NOT the number from your short URL:
EXAMPLE:

^Click on the image to see the full view of it.


Next Step:

Find this:

<center><font size="2"><b>Comments</b></font><br>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YOURFRIENDID" type="hidden"><textarea name="f_comments" cols="23" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: trebuchet ms; font-size: 10px; color: 000000; background-color: ffffff;" style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 000000; background-color: ffffff;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 10px; color: 000000; background-color: ffffff;" type="reset"></form><BR>

...YOUR INFO HERE...


</div>

Find the YOURFRIENDID (bold) again and replace it with your friend ID. Then next find the YOUR INFO HERE (underlined) and erase it and fill in your information there, in other words anything you would like your about me to say


Next Step: and last

find this:

<div class="content" style="position: absolute; left:405px; top:185px; width:390px; height:565px; overflow: auto;">


Your Main Content here.


</div>

Erase the Your Main Content here. (underlined) and fill it in with anything you would like the main content to say.


Now you should be done