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*]

Okay, I looked at your source. First off, you've kept the commentbox coding in your style sheet. Follow my instructions in my first post in your thread. Then, take the comment box and place it in an actual div layer.

Right now, your style sheet is like this:

CODE

.commentbox {
background-color: FFFFFF;
position: absolute;
left: 50%;
margin-left: 300px;
top: 1200px;
height: 200px;
width: 200px;
overflow: auto;
z-index: 5;

<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>

}

And you've inserted a div like this:

CODE

<div class="commentbox"></div>

What you want instead is this in your stylesheet:

CODE

.commentbox {
background-color: FFFFFF;
position: absolute;
left: 50%;
margin-left: 300px;
top: 1200px;
height: 200px;
width: 200px;
overflow: auto;
z-index: 5;
}

And this in your div layer:

CODE

<div class="commentbox"><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></div>