Need Help Showing Comments In Div Overlay, Can't Figure It Out Options

[bloodyhell1981]

Here's my layout. I want my friends/comments to go at the bottom of the page.


IN ABOUT ME:

<style type="text/css">
.btext, .contacttable, .lightbluetext8, .nametext, .orangetext15, .redlink, .whitetext12, .text .text {display:none;}
div table td font, table td div, td.text table, table table table {visibility:hidden;}
div table table td font a, table table td div, td.text table table, td.text table table td.text {visibility:visible;}
</style>

<style type="text/css">

body{
background-color: 000000;
}

table, td {
background-color: 000000;
}



.main {
position: absolute;
left: 50%;
top: 125px;
width: 1024px;
z-index: 1;
margin-left: -512px;
}

.overlay_wrapper {
text-align: center;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 11px;
line-height: 1.5em !important;
margin-top: 5em;
}

h2 {
font-family: arial, sans-serif;
color: FFFFFF;
font-size: 15px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: -1px;
}

h2 span {
color: FFFFFF;
}

.overlay_wrapper p {
color: FFFFFF;
}

.overlay_wrapper p a {
text-decoration: none;
font-weight: normal;
color: FFFFFF;
border-bottom: 1px solid;
border-color: FFFFFF;
}

.overlay_wrapper p a:hover {
background-color: 000000;
}

.content_container {
margin: 0 auto 0;
text-align: left;
width: 950px;
}

.content_left {
font-size: 1.1em;
width: 475px;
float: left;
}

.middle_links {
float: left;
margin-top: 5.5em;
margin-left: 85px;
width: 100px;
}

.middle_links ul {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid;
border-color: FFFFFF;
border-width: 1px 0 0 0;
}

.middle_links li {
width: 100px;
display: block;
}

.middle_links li a:link, .middle_links li a:visited,
.middle_links li a:active {
display: block;
width: 97px;
padding-left: 3px;
font-weight: normal;
color: FFFFFF;
text-decoration: none;
border: 1px solid;
border-color: FFFFFF;
border-width: 0 0 1px 0;
}

.middle_links li a:hover {
text-decoration: none;
color: FFFFFF;
display: block;
width: 97px;
background-color: 000000;
}

textarea {
color: FFFFFF;
width: 425px;
height: 125px;
padding: 3px !important;
background-color: 000000;
border: 1px solid;
border-color: FFFFFF;
overflow: auto;
}

.clear {
clear: both;
}
</style>


IN WHO I'D LIKE TO MEET:

<div class="main">
<table style="width: 1024px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;">
<tr><td valign="top">

<div class="overlay_wrapper">

<div class="content_container">

<div class="content_left">
<p align="center"><img src="http://i98.photobucket.com/albums/l266/j_d_c1981/Me.gif"></p>



<p><b>Who I'd Like To Meet:</b></P>



<BR>
<BR>





<form method="post"
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="78693621">
<textarea name="f_comments" class="comment_textarea" cols="25" rows="8"></textarea>
<p><input type="image" src="http://aycu18.webshots.com/image/737/1799309538257637084_rs.jpg"></p>

<p><a href="http://comments.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=78693621" title="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=78693621&MyToken=d32f4215-83a2-4289-811b-a3c6ae06b4ca">View All Comments</a></p>
</form><BR>
</div>


<div class="middle_links">

<ul>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=78693621">Message Me</a></li>
<li><a href="http://chat.myspace.com/index.cfm?fuseaction=messenger&strDestinationUserID=78693621&sendType=0">IM Me</a></li>

<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=78693621">Add Me</a></li>

<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=78693621">View Pics</a></li>

<br>
</ul>
</div>


<div class="middle_links">

<ul>
<li><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li>
<li><a href="http://browseusers.myspace.com/browse/browse.aspx?">Browse</a></li>
<li><a href="http://search.myspace.com/index.cfm?fuseaction=find">Search</a></li>
<li><a href="http://invite.myspace.com/index.cfm?fuseaction=invite">Invite</a></li>
<li><a href="http://www.myspace.com/index.cfm?fuseaction=film">Film</a></li>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox">Mail</a></li>
<li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=78693621">Blog</a></li>
<li><a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites">Favorites</a></li>
<li><a href="http://forum.myspace.com/index.cfm?fuseaction=messageboard.categories">Forum</a></li>
<li><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories">Groups</a></li>

<li><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.home">Videos</a></li>
<li><a href="http://music.myspace.com/index.cfm?fuseaction=music">Music</a></li>

</ul>
<BR>
<BR>
</div>




</ul>

<br class="clear" />
</div>

</div>

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

[malimars]

dont worry bout it

[freeflow]

Change your code too:

CODE

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:COLORHERE;
border:black 1px solid;z-index:2px;}
</style>

<style type="text/css">

body{
background-color: 000000;
}

table, td {
background-color: 000000;
}



.main {
position: absolute;
left: 50%;
top: 125px;
width: 1024px;
z-index: 1;
margin-left: -512px;
}

.overlay_wrapper {
text-align: center;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 11px;
line-height: 1.5em !important;
margin-top: 5em;
}

h2 {
font-family: arial, sans-serif;
color: FFFFFF;
font-size: 15px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: -1px;
}

h2 span {
color: FFFFFF;
}

.overlay_wrapper p {
color: FFFFFF;
}

.overlay_wrapper p a {
text-decoration: none;
font-weight: normal;
color: FFFFFF;
border-bottom: 1px solid;
border-color: FFFFFF;
}

.overlay_wrapper p a:hover {
background-color: 000000;
}

.content_container {
margin: 0 auto 0;
text-align: left;
width: 950px;
}

.content_left {
font-size: 1.1em;
width: 475px;
float: left;
}

.middle_links {
float: left;
margin-top: 5.5em;
margin-left: 85px;
width: 100px;
}

.middle_links ul {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid;
border-color: FFFFFF;
border-width: 1px 0 0 0;
}

.middle_links li {
width: 100px;
display: block;
}

.middle_links li a:link, .middle_links li a:visited,
.middle_links li a:active {
display: block;
width: 97px;
padding-left: 3px;
font-weight: normal;
color: FFFFFF;
text-decoration: none;
border: 1px solid;
border-color: FFFFFF;
border-width: 0 0 1px 0;
}

.middle_links li a:hover {
text-decoration: none;
color: FFFFFF;
display: block;
width: 97px;
background-color: 000000;
}

textarea {
color: FFFFFF;
width: 425px;
height: 125px;
padding: 3px !important;
background-color: 000000;
border: 1px solid;
border-color: FFFFFF;
overflow: auto;
}

.clear {
clear: both;
}
</style>


IN WHO I'D LIKE TO MEET:

<div class="main">
<table style="width: 1024px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;">
<tr><td valign="top">

<div class="overlay_wrapper">

<div class="content_container">

<div class="content_left">
<p align="center"><img src="http://i98.photobucket.com/albums/l266/j_d_c1981/Me.gif"></p>



<p><b>Who I'd Like To Meet:</b></P>



<BR>
<BR>





<form method="post"
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="78693621">
<textarea name="f_comments" class="comment_textarea" cols="25" rows="8"></textarea>
<p><input type="image" src="http://aycu18.webshots.com/image/737/1799309538257637084_rs.jpg"></p>

<p><a href="http://comments.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=78693621" title="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=78693621&MyToken=d32f4215-83a2-4289-811b-a3c6ae06b4ca">View All Comments</a></p>
</form><BR>
</div>


<div class="middle_links">

<ul>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=78693621">Message Me</a></li>
<li><a href="http://chat.myspace.com/index.cfm?fuseaction=messenger&strDestinationUserID=78693621&sendType=0">IM Me</a></li>    

<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=78693621">Add Me</a></li>

<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=78693621">View Pics</a></li>

<br>
</ul>
</div>


<div class="middle_links">

<ul>
<li><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li>
<li><a href="http://browseusers.myspace.com/browse/browse.aspx?">Browse</a></li>
<li><a href="http://search.myspace.com/index.cfm?fuseaction=find">Search</a></li>
<li><a href="http://invite.myspace.com/index.cfm?fuseaction=invite">Invite</a></li>
<li><a href="http://www.myspace.com/index.cfm?fuseaction=film">Film</a></li>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox">Mail</a></li>
<li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=78693621">Blog</a></li>
<li><a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites">Favorites</a></li>
<li><a href="http://forum.myspace.com/index.cfm?fuseaction=messageboard.categories">Forum</a></li>
<li><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories">Groups</a></li>

<li><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.home">Videos</a></li>
<li><a href="http://music.myspace.com/index.cfm?fuseaction=music">Music</a></li>

</ul>
<BR>
<BR>
</div>




</ul>

<br class="clear" />
</div></div><div class="comments"><table><tr><td><table><tr><td>

[bloodyhell1981]

I tried the code but all that showed was the friends list and comments. No text/images/videos would appear.

[freeflow]

What do you mean? No comment text/images?

Well thats because you need to change the font color if your on a black background:

.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:COLORHERE;
border:black 1px solid;z-index:2px;}

Edit that part.


Regarding videos you should remove:

embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}

[bloodyhell1981]

No, the text/images show in the friends/comments section. It's in the main section that they don't. Here's my practice space if you wanna see what I'm talking about: http://profile.myspace.com/index.cfm?fusea...endid=144918457

[*WHIMSICAL 0NE*]

Well, on your test profile you don't have any comments... Your divs do seem to show up way to the left. Did you edit all the codes?

[bloodyhell1981]

No, I just changed the position/size of the friends/comments box. The stuff in the main section also didn't show up before I edited the friends section.

Btw, here's my actual site to show you how it's set up: Myspace

[bloodyhell1981]

bump

[freeflow]

^ Everything shows up for me.