Would like friend's comments and friends in div on profile, need help please Options

[djdaveoc]

All my code is in my "about me". My page is myspace.com/djpoggi

I'd like to find a way to make my friends and comments show on the page (in a div for each table separately).
I ultimately would like to move them and change the width/height.

Can anyone give me a code (one for each table if need be) that will accomplish this?
I can edit the px or % to get it where I want. I'm just not great with coding and I'm not even sure why these 2 tables are hidden. (I guess some of the other code does this). Thanks in advance for your help.

Here is my code:

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img8.imageshack.us/img8/7228/scratchu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:408px;left:995px;width:263px;height:181px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img9.imageshack.us/img9/9911/ttm56f.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:408px;left:0px;width:263px;height:381px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/3849/rolandsp404.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:790px;left:0px;width:263px;height:366px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/5417/s115vu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:790px;left:995px;width:263px;height:402px;" /></a></p>

href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/7789/pchpdv6838nrcn.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:590px;left:995px;width:263px;height:196px;" /></a></p>

<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<style>

body {
background-color:black;
cursor:crosshair;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
}

.splat {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
border-right:none;
border-color:FFFFFF;
color:white;
width:100px;
text-decoration:none;
}

.splat:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
border-right:none;
background-color:transparent;
width:100px;
text-decoration:none;
}

a:link, a:visited, a:active {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
color:white;
text-decoration:none;
}

a:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
background-color:black;
text-decoration:none;
}

.layout {
position:absolute;
overflow:auto;
background-color:transparent;
top:338px;
left:50%;
margin-left:-250px;
background-color:transparent;
border:0px;
}

.blush1 {
position:absolute;
overflow:auto;
background-color:transparent;
top:699px;
left:50%;
margin-left:-200px;
background-color:transparent;
border:0px;
}

.blush2 {
position:absolute;
overflow:auto;
background-color:transparent;
top:977px;
left:50%;
margin-left:-200px;
background-color:transparent;
border:0px;
}

.title {
position:absolute;
left:267px;
top:110px;
heigth:100px;
width:760px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:28px;
text-transform:uppercase;
color:white;
letter-spacing:-3px;
}

.content {
position:absolute;
overflow:auto;
top:155px;
left:50%;
margin-left: -350px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
width:600px;
height:170px;
}

.navigation {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
border:0px;
width:200px;
height:150px;
top:195px;
left:69%;
}
</style>

<div class="layout">
<img src="http://img13.imageshack.us/img13/4593/prive1.jpg" /></div>

<div class="blush1">
<img src="http://img6.imageshack.us/img6/7773/blush1.jpg" /></div>

<div class="blush2">
<img src="http://img6.imageshack.us/img6/6725/blush2.jpg" /></div>


<div class="title">
Welcome to the official Myspace home of DJ Poggi!!!
</div>

<div class="content">
<img src="http://img247.imageshack.us/img247/1391/djit5sg8.jpg" style="float:left;" />
<b>THIS SITE IS UNDER CONSTRUCTION SO KEEP CHECKING BACK!!!</b><br />
<b>SITE DESIGN BY ME, YES, I HAVE SKILLS</b><br />
<b>Add Me As A Friend Or Leave Me A Message Why Don't You?!?!?! >>></b><br /><br />
<b>Name: David Alan Poggi</b><br />
<b>Location: Murrieta, CA USA</b><br />
<b>Status: Single</b><br />
<b>Occupation: I.T. For Public Safety/DJ</b><br />
<b>Interests: DJing, Working Out, Snowboarding</b>
</div>

<div class="navigation">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="splat">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Send Me A Message</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Add Me As A Friend</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ1NTkzMzU1Mw==" class="splat"></a>
</div>

<style>
table div object {visibility:visible;
position:absolute;
top:100px;
left:0px;
width:263px;
height:307px;}
</style>

Well I'm making progress on my own. I removed the

.friendspace, .friendscomments

from the style area and can see the two tables again. Now I just need to move them both over to the right which is where I want them. I will look for a code to add them into a div and then I think I just need to move them over. If anyone has the code to add these 2 tables (separately is fine) into a div please let me know. I'll go search.




Ok, so I've made good progress and now have both tables where I want them basically. I just have 2 touch-up questions:

1. What is the default width of the friends and friends comments tables on Myspace 1.0?

2. How can I make all the text in these 2-tables white and get it all to show? Some of the text is hidden I think in these 2-tables so they don't look right. Thanks in advance for the help.

Here is my new code, all in my "about me" area.

CODE

<style>
.friendsComments {position:absolute; left: 700px; top:656px; width:500px; height:500px; background-color:transparent; overflow:auto;}
.friendsComments table, .friendsComments td, .friendsComments table td {width:100%;}
</style>

<style>
.friendSpace {position:absolute; left: 665px; top:155px; width:500px; height:200px; background-color:transparent; overflow:auto;}
.friendspace table, .friendspace td, .friendspace table td {width:100%;}
</style>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img13.imageshack.us/img13/7099/cdjl.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:1157px;left:0px;width:263px;height:307px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img8.imageshack.us/img8/7228/scratchu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:1465px;left:0px;width:263px;height:181px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img9.imageshack.us/img9/9911/ttm56f.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:408px;left:0px;width:263px;height:381px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/3849/rolandsp404.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:790px;left:0px;width:263px;height:366px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/5417/s115vu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:1647px;left:0px;width:263px;height:402px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/7789/pchpdv6838nrcn.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:2050px;left:0px;width:263px;height:196px;" /></a></p>

<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<style>

body {
background-color:black;
cursor:crosshair;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
}

.splat {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
border-right:none;
border-color:FFFFFF;
color:white;
width:100px;
text-decoration:none;
}

.splat:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
border-right:none;
background-color:transparent;
width:100px;
text-decoration:none;
}

a:link, a:visited, a:active {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
color:white;
text-decoration:none;
}

a:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
background-color:black;
text-decoration:none;
}

.layout {
position:absolute;
overflow:auto;
background-color:transparent;
top:338px;
left:274px;
background-color:transparent;
border:0px;
}

.blush1 {
position:absolute;
overflow:auto;
background-color:transparent;
top:629px;
left:274px;
background-color:transparent;
border:0px;
}

.blush2 {
position:absolute;
overflow:auto;
background-color:transparent;
top:907px;
left:274px;
background-color:transparent;
border:0px;
}

.title {
position:absolute;
left:274px;
top:110px;
heigth:100px;
width:760px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:27px;
text-transform:uppercase;
color:white;
letter-spacing:-3px;
}

.content {
position:absolute;
overflow:auto;
top:155px;
left:274px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
width:400px;
height:170px;
}

.navigation {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
border:0px;
width:200px;
height:150px;
top:10px;
left:110px;
}
</style>

<div class="layout">
<img src="http://img6.imageshack.us/img6/4593/prive1.jpg" /></div>

<div class="blush1">
<img src="http://img6.imageshack.us/img6/7773/blush1.jpg" /></div>

<div class="blush2">
<img src="http://img6.imageshack.us/img6/6725/blush2.jpg" /></div>

<div class="title">
Welcome to the official Myspace home of DJ Poggi!!!
</div>

<div class="content">
<img src="http://img247.imageshack.us/img247/1391/djit5sg8.jpg" style="float:left;" />
<b>THIS SITE IS UNDER CONSTRUCTION SO KEEP CHECKING BACK!!!</b>
<b>SITE DESIGN BY ME</b><br />
<b>Add Me As A Friend Or Leave Me A Message Why Don't You?!?!?!?</b><br />
<b>Name: David Alan Poggi</b><br />
<b>Location: Murrieta, CA USA</b><br />
<b>Status: Single</b><br />
<b>Interests: DJing, Working Out, Snowboarding</b>
</div>

<div class="navigation">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="splat">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Send Me A Message</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Add Me As A Friend</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ1NTkzMzU1Mw==" class="splat"></a>
</div>

<style>
table div object {visibility:visible;
position:absolute;
top:100px;
left:0px;
width:263px;
height:307px;}
</style>

Reason for edit: Please use the Edit button instead of triple-posting and use [codebox] tags when posting codes. - Mike

[djdaveoc]

That took care of the number on top of my friends but not the number down in my comments table. Also, if you look on top of my friends, it just has the #11 instead of the text. I think it's supposed to say something like "displayiing 11 of 11 friends" or something like that. I don't know how to get that text to show again.
The links under friends for "all, new, online" are blue also.
Thanks for the help, I'm still searching myself as well but no luck yet.