comment box in a div? Options

[SortedDetails]

How would I put my comments in this div:

CODE

<div id="BOX5" style="position: absolute; overflow-y:auto; overflow-X:hidden; width:662px; height:258px; z-index:0; left:293px; top:677px;border-color:green;border-width:2px;border-style:solid;">
<Font style="Kristen IRC" color="58647A" size="2px">
<CENTER>


</font>
</CENTER>
</div>

And then how would I customize the colors and things to match my layout?

[freeflow]

Put it after the center tag. Or just take all that stuff out its not needed for a comment box:

CODE

<div id="BOX5" style="position: absolute; overflow-y:auto; overflow-X:hidden; width:662px; height:258px; z-index:0; left:293px; top:677px;border-color:green;border-width:2px;border-style:solid;">
comment box code here
</div>

If you want to use the comment box that matches your layout get our code in scripts.

[SortedDetails]

So I found the thing for the comments, and I can't seem to edit it to look like I want.

Look here

I also found this is broken in IE. -.-

[freeflow]

Wait you mean actual comments or a comment box?
If you mean actual comments to customize them use the table css. (look in our stylesheets and take out the table parts and add them to yours to customize it).

And whats broken in Ie? I don't have IE so I wouldn't know and can't do much about it.

[SortedDetails]

Well, in IE the background color etc isn't showing. I think the way I'm using div's is making it mess up. And yes, I meant the actual comments XD

[freeflow]

Your supposed to use the comments in a div script.

CODE

<style type="text/css">
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: ######; background-color: ######; }

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

[SortedDetails]

O.O Well that works.

[freeflow]

haha what worked? Comments in a div? or the css I gave you? (oh and if you use the css make sure you edit it)

[SortedDetails]

well, the code... But now I have another issue... if you look on http://www.myspace.com/thetesterpage my comments are transparent... How do I make the font and images NOT transparent? -.- I feel so silly.

[freeflow]

They show up normally for me? I don't have Ie so yea. Maybe take a screenshot? They show up w/o a bckground. If you want a background to them edit this part:
table table table {border: 1px solid; border-color: ######; background-color: ######; }

[SortedDetails]

[freeflow]

Layout codes please?

[SortedDetails]

This is the code in the .css I used for hiding things and my comment box. (I can't remember whats what, lmao)

CODE

.btext {
display:none;
}
.contacttable {
display:none;
}
.lightbluetext8 {
display:none;
}
.nametext {
display:none;
}
.orangetext15 {
display:none;
}
.redlink {
display:none;
}
.whitetext12 {
display:none;
}
.hidethem {
visibility:hidden;
display:none;
}
.comments {
width:660px;
overflow: none;
}
.comments table {
background-color: transparent;
filter:alpha(opacity=60);
-moz-opacity:0.6;
margin-top: -3px;
}
.comments td {
font-color: 000000;
font-size: 11px;
font-family: century gothic;
background-color: transparent;
}
table table td.text table td.text tbody table tbody td table td {
display: none;
}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {
display:none;
}
td.text td.text table {
background-color:transparent;
}
td.text td.text table td, td.text td.text table {
height:0;
padding:0;
border:0;
}
td.text td.text table table td {
padding:3;
}
td.text td.text table table br {
display:inline;
}
td.text td.text table td {
font-size:0pt;
}
td.text td.text {
height:0;
}
td.text td.text table b, td.text td.text table table td {
font-size:8pt;
}

This is the code in the actual HTML part.

CODE

<div class="comments" style="position: absolute;overflow-y:auto;overflow-X:hidden;width:662px; height:258px;z-index:0;left:293px;top:677px;border-color:green;border-width:2px;border-style:solid">
<div class="comments"><table><tr><td><table><tr><td>
</center>
</div>

[freeflow]

Take this out:

CODE

filter:alpha(opacity=60);
-moz-opacity:0.6;
margin-top: -3px;

[SortedDetails]

Well, when I do, the background is no longer transparent.

[freeflow]

Images : its keep the transparency or don't. So you have to keep transparent images since you want it to be tha way.

For text you can add the font attributes to the table , that might work.

CODE

.comments table {
background-color: transparent;
filter:alpha(opacity=60);
-moz-opacity:0.6;
margin-top: -3px;
font-color: 000000;

[SortedDetails]

Oh, Oh fixed! Take a look:

Http://www.myspace.com/thetesterpage