Could someone give me a hand here?, Custom Myspace layouts Options

[silent-soul]

Wassup, name's S.S.- just registered here and I like the feedback that I've been seeing around the place, hello to everybody here.

Anyways, here's the thing: I've been coding the HECK outta this custom DIV layout I came up with, but now that I'm trying to get the Friends and comment boxes unhidden and centered, it's killing me. Here's what I came up with so far, but now- I'm just hopelessly stuck as I can't seem to get the right code combination to work. Does anyone mind helping me by giving me a fresh perspective on this one? Because I can't seem to lock in on where the problem is.

Here's the layout URL: http://profile.myspace.com/index.cfm?fusea...endid=277460567

Here's the coding I've done so far:

About Me Section:

<style type="text/css">

body {
background-image:url(http://img292.imageshack.us/img292/7523/replovelylissabgcm5.gif);

font-family:"Trebuchet MS", Arial, Verdana;
font-size:0px;
color:1c1c1c;
}
.main{
position:absolute;
left:50%;
top:90px;
width:800px !important;
z-index:1;
margin-left:-402px;
padding:0px;
border:0px;
background-color:1c1c1c;
}

.Navigation {
.div0 {
font color:fefefe;
background-color:f8c3eb; color:f8c3eb;
border:0px solid; border-color:silver;
width:485px; height:40px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-292px; margin-top:510px; text-align:left;
visibility:visible;}
}

.Clock {
.div1 {
font color:fefefe;
background-color:00000; color:white;
border:0px solid; border-color:silver;
width:100px; height:90px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-390px; margin-top:495px; text-align:left;
visibility:visible;}
}

.MusicPlayer {
.div2 {
font color:fefefe;
background-color:00000; color:white;
border:0px solid; border-color:silver;
width:220px; height:200px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:188px; margin-top:448px; text-align:left;
visibility:visible;}
}

.Profile1 {
.div3 {
font color:fefefe;
background-color:00000; color:white;
border:0px solid; border-color:silver;
width:237px; height:427px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-385px; margin-top:550px; text-align:left;
visibility:visible;}
}

.Profile2 {
.div4 {
font color:000000;
background-color:00000; color:white;
border:0px solid; border-color:silver;
width:430px; height:257px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-85px; margin-top:564px; text-align:left;
visibility:visible;}
}

.Profile3 {
.div5 {
font color:fefefe;
background-color:00000; color:white;
border:0px solid; border-color:silver;
width:330px; height:121px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-90px; margin-top:835px; text-align:left;
visibility:visible;}
}
</style>


<STYLE TYPE="text/css">BODY{scrollbar-face-color:f8c3eb; scrollbar-shadow-color:000000; scrollbar-highlight-color:000000; scrollbar-3dlight-color:000000;scrollbar-darkshadow-color:000000; scrollbar-track-color:f8c3eb; scrollbar-arrow-color:000000}</STYLE>

<style type="text/css">
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Verdana;
font-size: 10px;
color: 000000;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: 10px;
color: 000000;
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 10px;
color: 000000;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: 000000;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(204, 43, 47);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>


Who I'd Like to Meet Section:

<div class="main">
<table style="width: 800px;
height: 810px;
cellpadding: 0px;
cellspacing: 0px;
background-color: f8c3eb;">
<tr><td valign="top">
<img src="http://img520.imageshack.us/img520/3368/repmissmlayoutmw9.jpg" border="0" alt="Image Hosted by ImageShack.us / Copyright 2007 YourOwnWebSiteDesign.Com"/></a><br>
<img src="http://img142.imageshack.us/img142/2018/repmissmbottomjx7.jpg" border="0" alt=""/></a><br/>

<div class="Navigation">
<div class="div0"><br>
<font color=000000>
<center>| <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">HOME</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbDEubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWFpbC5tZXNzYWdl
mZyaWVuZElEPTU3Mjg5ODI2">MESSAGE</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD01NzI4OTgyNg==">PICS</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD01NzI4OTgyNg==">ADD ME</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9NTcyODk4MjY=">BLOGS</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTU3Mjg5ODI2">FRIENDS LIST</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXItb3duLXdlYi1zaXRlLWRlc2lnbi5jb20vZnJlZWJpZXNsYXlvdXRzLmh0
Ww=">MY SITE</a> |
</Center>
</div></div>

<div class="Clock">
<div class="div1"><br>
<font color=000000>
<center> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="35" width="91" data="http://www.clocklink.com/clocks/5012-black.swf?TimeZone=CST&">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.clocklink.com/clocks/5012-black.swf?TimeZone=CST&" />
<param name="wmode" value="transparent" />
</object><br>In Memphis, TN </Center>
</div></div>

<div class="MusicPlayer">
<div class="div2"><br>
<font color=White>
<center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="145" width="200" align="middle" data="http://www.mp3asset.com/swf/mp3/myflashfetish-mp3-player.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.mp3asset.com/swf/mp3/myflashfetish-mp3-player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="myid=7797417&path=2008/02/01&mycolor=0xFC6900&mycolor2=0x000000&mycolor3=0xFFFFFF&autoplay=true&rand=0&f=3&vol=100&pat=1" />
</object></Center>
</div></div>

<div class="Profile1">
<div class="div3"><br>
</div></div>

<div class="Profile2">
<div class="div4"><br>
<u>ABOUT ME:</u>____________________<br>
<br>
CONTENT GOES HERE, LET ME KNOW IF IT DOESN'T SHOW UP QUITE RIGHT.
<br>
<br>
<u>NTERESTS:</u>____________________<br>
<br>
CONTENT GOES HERE, LET ME KNOW IF IT DOESN'T SHOW UP QUITE RIGHT. </font>
</div></div>

<div class="Profile3">
<div class="div5"><br>
<font color=000000>
<center> CONTENT GOES HERE, LET ME KNOW IF IT DOESN'T SHOW UP QUITE RIGHT.
</Center></font>
</div></div>

<table>

</td></tr></table></div>
<div style="position:relative; height:400px; overflow:hidden; border:0px;">
<table><tr><td><table><tr><td>

[miyashu]

For your very last div (in who i'd like to meet), replace that with this code:

CODE

<div style="position:absolute; margin-top:-5px; margin-left:170px; height:412px; overflow:hidden; border:0px;">

Does this help?

[Melie]

the code for your friends and comments is at the bottom. try and play with the positioning or change the position:relative to absolute and then put the top and left positions. if that doesn't work then there's another way but try this one first.

[silent-soul]

For your very last div (in who i'd like to meet), replace that with this code:

CODE

<div style="position:absolute; margin-top:-5px; margin-left:170px; height:412px; overflow:hidden; border:0px;">

Does this help?

OMFG!! Miyashu, that SO FREAKING HELPED!! Thank you, I've been trying to figure this whole thing out for the past FOUR days now!! I feel like screaming, LOL. Now I gotta solve how to get those sections the same color as the rest of the profile!!

[silent-soul]

the code for your friends and comments is at the bottom. try and play with the positioning or change the position:relative to absolute and then put the top and left positions. if that doesn't work then there's another way but try this one first.

And thank YOU, of course- for your helpful response too!

[Marlons]

Try this.
About Me

CODE

<Style>
table.friendsComments table table tr td, table.friendsComments td tr table
{background-color:COLORHERE;padding: 3px;}

table.friendscomments tr td table tr td table, .columnsWidening, .commentlinks, .blacktext10, table.friendscomments tr td table table
{background-color:COLORHERE !important;display:block;}
</style>

[silent-soul]

Try this.
About Me

CODE

<Style>
table.friendsComments table table tr td, table.friendsComments td tr table
{background-color:COLORHERE;padding: 3px;}

table.friendscomments tr td table tr td table, .columnsWidening, .commentlinks, .blacktext10, table.friendscomments tr td table table
{background-color:COLORHERE !important;display:block;}
</style>

Mlothepimp- Thanx, I appreciate your help on this. But one question, do I post this at the very end of the About Me section?

[Marlons]

It can go anywhere in the coding.

[silent-soul]

It can go anywhere in the coding.

Hmm. Well, I put it at the end of the code and it didn't work- so I'm about to try placing it elsewhere and seeing what it might spark off.

Thanx again!



Ok, I put that code every place I could think of and it didn't work, everything's still the same color.

[newkidontheblock]

Please don't double post... Their is a Edit Botton use it.