Comment box not showing Options

[flaymzofice]

I feel like I've asked this before but can't find the thread again but basically, I got the code for a comment box but it doesn't show up. I'm sure it has something to do with z-indexes or some earlier code hiding the comment box code but no amount of messing will fix it, so, help?

Myspace

Thanks.

[freeflow]

Your old topic: http://www.createblog.com/forums/index.php?showtopic=152047
Post your code maybe?

[flaymzofice]

Nope, it's not addressed in my old thread; the problem here is with the comment box, as in posting, not in comments, as in where they are displayed. I haven't had this problem before I don't think. Here's my code:

CODE

<style type="text/css">

    table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }

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

.scroll{
scrollbar-face-color:fffffe;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:fffffe;
scrollbar-shadow-color:fffffe;
scrollbar-highlight-color:fffffe;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-Color:ffffff;
filter:chroma(color=fffffe);}

body {
background-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:000000;
scrollbar-shadow-color:ffffff;
scrollbar-face-color:000000;
scrollbar-highlight-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:ffffff;
}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color:000000; background-color:transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 12px Verdana; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:13px;}

{class for the basic font for the page}
.text {font:normal 12px Verdana; color:CCCACA; font-weight:none; border:0px; text-transform: none; line-height:13px;}  

{style for the number of comments you have. The actual comments}
.redtext{font-family:arial; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }

{date stamp on comments}  
.blacktext10{font-family:verdana; font-size:10px;  color:ffffff; font-weight:none;border:0px; text-transform: uppercase;width:300px;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  

a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:verdana; font-size:12px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<div class="background" style="position: absolute; left: -5px; top:140px; overflow: hidden; z-index:0;">

<img src="http://img.photobucket.com/albums/v27/flaymzofice/myspacev4.jpg" border="0" usemap="#Map">
<map name="Map">
  <area shape="rect" coords="60,123,134,146" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=584ade7e-949d-40f8-93a9-0f9ee39e5028">

<area shape="rect" coords="259,124,374,144" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=91763328">

<area shape="rect" coords="410,122,526,142"
href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=91763328">

<area shape="rect" coords="162,123,217,143"
href=" http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=91763328">

  <area shape="rect" coords="524,645,547,749"
href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=91763328">

  <area shape="rect" coords="" href="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=91763328" class="menusearch">

  <area shape="rect" coords="" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=91763328" class="menusearch">
  </map>
</div>

<div class="content" style="position: absolute; left:590px;  top:690px; width:150px; height:20px; overflow: auto;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="RAWRRR" type="hidden">
<textarea name="f_comments" style="width: 150; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts;
text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff; background-color: 000000;" style="overflow:auto;">textarea</textarea> <br>
<input value="submit" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px;
color: ffffff; background-color: 000000;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts;
text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff; background-color: 000000;" type="reset"></form></div>

<div class="scroll" style="position: absolute; left: 50px;  top:295px; width:450px; height:262px; overflow: auto;">

</div>

[anime-essence]

CODE

<div class="content" style="position: absolute; left:590px;  top:690px; width:150px; height:20px; overflow: auto; z-index:3;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="RAWRRR" type="hidden">
<textarea name="f_comments" style="width: 150; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts;
text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff; background-color: 000000;" style="overflow:auto;">textarea</textarea> <br>
<input value="submit" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px;
color: ffffff; background-color: 000000;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts;
text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: ffffff; background-color: 000000;" type="reset"></form></div>

^I added z-index:3 for your comment box to appear over the background.

[flaymzofice]

Thanks Ricky. But that didn't work either until I realised I had two sets of code telling the comment box what dimensions to have and I think it was just a case of that conflicting. It's been fixed now and is exactly as I want it in IE, but FF is a whole other story.

I set the comment box colour to 'transparent', which works fine in IE, but in FF, it just shows up as a white box. What do I have to do make the code compatible with FF?

[freeflow]

^ I'm not positive if you can fix that. Its like scrollbar colors they have to stay default in firefox.

I got confused with what we were talking about . Sorry :]

[flaymzofice]

Well that's totally rubbish. Why is FF like that? And also, if you take a look at Myspace (here), 'transparent' works for the 'submit' button...?

[clarity]

^ I think they just set the background color to black.

[freeflow]

I use safari and your myspace keeps screwing up for me so I can't see what your talking about. When I mean screwing up, everytime I open it , I get a browser error. So I'm giving up on your myspace.

You can try this,

CODE

textarea{
background-color: ######;}

(style tags of course.) Its possible. I got confused with the textarea above and the other input sections used for text fields on websites. Their dfferent. So yea you can. Try the code I gave you. :]

[flaymzofice]

I have no idea what I did; Toya, I took what you said and re-worked the entire style formatting for the comment box so it was all CSS and no more divs and it worked, even though it's exactly what I did before, and it didn't. Yeah, no idea what happened but, thank you everyone for all the help. This topic can be closed now.