Div Overlay Help.... Options

[MattGT]

Here is a image of my profile



The section with the red around it is where i am having the problem how do i get that area to be the background color i tried to figure it out ,getting into the div coding scene *Noob*

If any one can fix it for me it would be great and let me continue on working with my profile

Code:About me section
__________________

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:100px;text-align:left;}
table,td,tr{padding:0px;height:400px;background-color:444444}
table table table{padding:100px;height:158px;width:803px;}
table table,table table table table,table,tr,td{height:0px;!important;border:400px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>


<style type="text/css">a.text, table div font a, table div div {visibility:hidden;}</style>

Code: Who'd id like to meet section
_______________

CODE

<div class="bg" style="position: absolute; left:230px; top:160px; width:803px; height:1200px; overflow: hidden;">
<img src="http://img184.imageshack.us/img184/257/layoutto2.jpg">
</div>

[pandemonium]

let's see: the myspace nav bar back to default color idk, about "link up my links" if your meaning how to make the links (home, add, msg etc) clickable then i made the code for you. it's not good because i wasn't in myspace editing it and my my computer made your layout more to the left so im just guessing the position though the top position is right so just edit the left position and the border *i left the border so that you'd know where it is because its a sort of invisible image that your putting over the 'link'. also replace the XXXXXXXXXX with your own friend ID

Change you have to make
left position (where its says left: #px;)
border add border:none; at the end of the image tag example:

CODE

<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=5e115f82-ca76-45b4-b2d7-579c58945d72" style="position:absolute; top:320px; left:120px;"> <img src="http://x.myspace.com/images/clear.gif" alt="Home" style="width:40px; height:20px; border:none;"></a>

Home link

CODE

<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=5e115f82-ca76-45b4-b2d7-579c58945d72" style="position:absolute; top:320px; left:120px;"> <img src="http://x.myspace.com/images/clear.gif" alt="Home" style="width:40px; height:20px; "></a>

Add link

CODE

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXXXX"style="position:absolute; top:320px; left:180px;"><img src="http://x.myspace.com/images/clear.gif" alt="Add" style="width:60px; height:20px; "></a>

Messaging link

CODE

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXXXX"style="position:absolute; top:320px; left:250px;"><img src="http://x.myspace.com/images/clear.gif" alt="Message" style="width:50px; height:20px; "></a>

Friends link

CODE

<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXXXX"style="position:absolute; top:320px; left:320px;"><img src="http://x.myspace.com/images/clear.gif" alt="Friends" style="width:50px; height:20px; "></a>

Comments link

CODE

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXXXX"style="position:absolute; top:320px; left:380px;"><img src="http://x.myspace.com/images/clear.gif" alt="Comments" style="width:60px; height:20px; "></a>

about the 'white area a text area' use this code: change the "bg" in the div class to to another name cuz it's the same as the one your using for the background image and it's gonna come out messed up

CODE

<div class="bg" style="position: absolute; left:230px; top:160px; width:803px; height:1200px; overflow: auto;">TYPE YOUR TEXT HERE</div>

well this is surely long... if there are any errors/questions just PM me or keep posting here and i'll see what i can do