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

It's because you've placed your comment box coding into your custom stylesheet. Here's your fix. At the bottom of the coding you've provided, there's this:

CODE

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>

Instead, you want to be like this:

CODE

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

</style>

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

Notice that </style> has moved. Let me know how that goes. :)

[notmemcgee]

Still no box showing up but a few of my divs are now messed up and in the wrong place.

[*Azarel*]

I get the feeling that you didn't provide all of your coding? Your original coding has your comment box set inside of your custom style sheet, which means no matter what you do (unless you take it out, like the fix I provided), it won't show up. Using your coding, I found that it only turned the myspace black.

[notmemcgee]

Woops ok here's the rest of the code from the I'd like to meet part.

<div class="splash"></div>


<div class="socialButtons">
<ul class="socialSelector">
<li class="addFriend"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=163873213" title="You know you want to.">Add to Friends</a></li>
<li class="addFavourite"><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=163873213" title="You haven't seen anything better.">Favourite Me</a></li>
<li class="sendMessage"><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=163873213" title="I promise I'll be nice.">Send Message</a></li>
</ul>

</div>





<div class="rightContent">
<div class="stalkerishDetails">
<h3 class="subhead_stalkerishdetails">Stalkerish Details</h3>

<table class="stalkerishDetailsTable">

<tr>
<td class="stalkerishHead">General</td>
<td class="stalkerishDetail_odd">God, Skiing, volleyball, soccer, music, bass guitar, food, movies, friends, chillen, sleep, sun, travel, CLW </td>
</tr>
<tr>
<td class="stalkerishHead">Music<br />
<a

<td class="meDetail_even">Just about everything except most country and techno. I could list them all...</td>
</tr>
<tr>
<td class="stalkerishHead">Movies</td>
<td class="stalkerishDetail_odd">Star Wars, V for Vendetta, Minorty Report, The Prestige </td>
</tr>
<tr>

<td class="stalkerishHead">Books</td>
<td class="meDetail_even">The Bible, The Golden Compass, Great Expectations, Blue Like Jazz, Searching for God Knows What</td>
</tr>
<tr>
<td class="stalkerishHead">Education</td>
<td class="stalkerishDetail_odd">Workin on a BSC <br />
</td>

</tr>
<tr>
<td class="stalkerishHead">Job</td>
<td class="meDetail_even">Student!<br />
</td>
</tr>
</table>

<div class="stalkerishStats">

<table class="stalkerishDetailsTable">
<tr>
<td class="stalkerishHead">Status</td>
<td class="stalkerishDetail_odd">Single, Straight</td>
</tr>
<tr>
<td class="stalkerishHead">Type</td>

<td class="meDetail_even">5' 10" / Athletic</td>
</tr>
<tr>
<td class="stalkerishHead">Smoke?</td>
<td class="stalkerishDetail_odd">Never.</td>
</tr>
<tr>

<td class="stalkerishHead">Drink?</td>
<td class="meDetail_even">Socially</td>
</tr>
<tr>
<td class="stalkerishHead">Religion</td>
<td class="stalkerishDetail_odd">Christian</td>
</tr>
<tr>
<td class="stalkerishHead">Children</td>
<td class="meDetail_even">Someday</td>
</tr>

</table>
</div>

<div class="friendsbutton"><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=163873213"> <img src="http://i47.photobucket.com/albums/f176/Aetosxfrog/friendsheader36.jpg" border="0" >
</a></div>

<div class="meheader"></div>

<div class="addcomment">

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=163873213"> Add Comment</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=163873213"> View All</a>
</div>

[*Azarel*]

Where is it that you want your comment box to appear? At the bottom of your lefthand nav column?

[notmemcgee]

I 'd like it in the open space to the left of the info about me and below the friends link picture.

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

[notmemcgee]

Oh ok so it has to be in a div layer to be visable? If so could i just create another div and use that to position it?

[*Azarel*]

Yeah, that should work as well.

[notmemcgee]

Hmm when I try to put it in nothing shows up?

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

[notmemcgee]

:P right I have to put it in the layer, little tired tonight. Thanks so much Azarel! I got it figured out now.

[*Azarel*]

You're welcome. :) I'm glad things worked out.