Comment Box not Showing Options

[notmemcgee]

I used the code from the scripts section and put in the friend ID# and colors in the right places (as far as I know) but nothing is showing on my page. Help please .

Code:

<style type="text/css">
.text .text, .btext, .contacttable, .lightbluetext8, .nametext, .orangetext15, .redlink, .whitetext12 {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;}

table, tr, td {background-color:transparent;}

a.navbar:active, a.navbar:visited, a.navbar:link { color:808080; }
a.navbar:hover { color:FFFFFF; }

body {
background-color:000000;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}
.splash {
background-color: 000000;
background-image: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacebackwebsmall.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left: 50%;
margin-left: -325px;
top: 160px;
height: 490px;
width: 650px;
overflow: auto;
z-index: 1;
}


div.socialButtons {
width: 150px; display: block;
margin: 320px 0 0 -300px !important; padding: 10px 0 10px 0;

border-top-style: solid;
border-top-width: 3px !important;
border-top-color: b51414 !important;

border-bottom-style: solid;
border-bottom-width: 3px !important;
border-bottom-color: b51414 !important;
}

ul.socialSelector {
list-style-type: none;
list-style-position: inside;
padding: 0; margin: 0;
display: block;
}

ul.socialSelector li {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif !important;
}

ul.socialSelector li a:link, ul.socialSelector li a:visited, ul.socialSelector li a:active {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
color: abe301;
text-decoration: underline;
font-weight: bold;
}

ul.socialSelector li a:hover {
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
color: b51414;
text-decoration: underline;
font-weight: bold;
}

ul.socialSelector li.addFriend, ul.socialSelector li.addFavourite {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: 888888;
}

ul.socialSelector li.addFriend {
padding-left: 26px;
padding-top: 0px !important;
padding-bottom: 16px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspaceadd.jpg) 0px -2px no-repeat !important;
}

ul.socialSelector li.addFavourite {
padding-left: 26px;
padding-top: 10px;
padding-bottom: 16px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacefriends.jpg) 0px 6px no-repeat !important;
}

ul.socialSelector li.sendMessage {
padding-left: 26px;
padding-bottom: 5px !important;
padding-top: 16px;
margin-bottom: 0px;

background: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/myspacemessage.jpg) 0px 12px no-repeat !important;
}



.friendsbutton {
background-color: 000000;
position: absolute;
left: 50%;
margin-left: -100px;
top: 670px;
height: 250px;
width: 550px;
overflow: auto;
z-index: 4;
}



div.stalkerishStats {
margin-top: 10px;
padding-top: 10px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: 888888;
}

div.stalkerishStats td.stalkerishHead {
padding-right: 10px !important;
}

td.stalkerishHead {
color: b51414 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: bold;
vertical-align: top;
text-align: left;
}

td.meDetail_even {
color: e7e7e7 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: normal;
vertical-align: top;
text-align: left;
}

td.stalkerishDetail_odd {
color: 888888 !important;
font: 12px/17px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-weight: normal;
vertical-align: top;
text-align: left;
}


h3.subhead_stalkerishdetails {
font: 20px Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: 888888;
display: block;
margin: 0 0 10px 0px;
width: 138px; height: 44px;
background: url(PUT IN ME... PIC) top left no-repeat;
text-indent: -5000px;
overflow: hidden;
}

div.rightContent {
margin: 50px 0 0 -380px !important;
overflow: hidden;
margin: 67px 1 0 0; padding: 0;
width: 240px; float: left;
}

.meheader {
background-image: url(http://i47.photobucket.com/albums/f176/Aetosxfrog/meheader36.jpg);
position: absolute;
left: 50%;
margin-left: -400px;
top: 890px;
height: 40px;
width: 200px;
overflow: auto;
z-index: 1;
}


.addcomment {
background-color: FFFFFF;
position: absolute;
left: 50%;
margin-left: -450px;
top: 1500px;
height: 100px;
width: 100px;
overflow: auto;
z-index: 5;
}

object {
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
}


<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="163873213" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Tahoma; font-size: 10px; color: FFFFFF; background-color: FFFFFF;" style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Tahoma; font-size: 10px; color: FFFFFF; background-color: FFFFFF;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Tahoma; font-size: 10px; color: FFFFFF; background-color: FFFFFF;" type="reset"></form>

</style>

[*Azarel*]

So something roughly like this?

I'd place the comment box coding (in the codebox below) into the same div layer your friends link image is and adjust the divheight of the layer "friendsbutton":

CODE

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="163873213" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Tahoma; font-size: 10px; color: FFFFFF; background-color: FFFFFF;" style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Tahoma; font-size: 10px; color: FFFFFF; background-color: FFFFFF;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Tahoma; font-size: 10px; color: FFFFFF; background-color: FFFFFF;" type="reset"></form>