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

[fixtatik]

whoops, yeah, it's just redtext for the comments. the whole code should look like this:

CODE

.friendSpace, .friendSpace table, .friendSpace td, .friendsComments, .friendsComments table, .friendsComments td, .btext, .redbtext, .redtext { color:ffffff; }