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>

[lbroskee]

try that. change the BG color to the color code u need. that should do the trick

CODE

<style type=text/css>

body {
background-color: 000000;
background-image: url("");
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-3dlight-color: 000000;}
</style>

[pandemonium]

Try this code in the about me section and in the who i'd like to meet section use the one you were using and see if it works

CODE

<style type="text/css">
body{
background-color: 444444;
}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
text,.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>

[MattGT]

thanks guys both codes works one last thing , i just noticed i didnt like how the myspace nav bar looks with that color on my page any way i could get it to be the default color u no....

and 1 thing a link to a tut, on how to link up my links and put that blank white area a text area...

[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

[MattGT]

thanks man you mad this seem a heck of a lot easyer then the tutorials....lol...

i am still gonna try and figure out how to make that nav bar default

thanks thou

[Smarmosaur]

remove this or change the background color to transparent. :]

CODE

table,td,tr{padding:0px;height:400px;background-color:444444}

[pandemonium]

i am still gonna try and figure out how to make that nav bar default

ask the person who started this topic Click Here he made a layout with the default nav bar