I've tried a million times how to put my comments in a div and never could..., any help would be greatly appreciated Options

[bassrebel]

I have tried a million times how tu put the damned comments but never could...

I'll put here my code, if any of you guys could be so gentle to make my comments appear, I would be more than greatful, I want them where the slide show is...

I'll put the code here

CODE

<style type="text/css">
body{background-color:000000;font:8pt Arial,Helvetica,sans-serif;color:CCCCCC}
table,tr,td{background:black;border:0px solid black;}
.cover{top:0px;left:50%;margin-left:-400px;width:800px;height:27px;position:absolute;z-index:9;background-color:000000;text-align:center;}
.cover2{top:125px;left:50%;margin-left:-400px;width:800px;height:800px;position:absolute;z-index:1;background-color:000000;}
a.man{display:none;}
a.navbar{display:none;}
a:link,a:active,a:visited,a:hover{font:8pt Arial,Helvetica,sans-serif;color:FFFFFF;text-decoration:none;}
.blacktext12{display:none;}
span.blacktext12{display:none;}
.nametext{display:none;}
.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{visibility:hidden;display:none;}
.mpd{top:871px;left:225px;width:250px;height:20px;position:absolute;}
a img{border:0px solid black;}
.back{background-image:url('http://img234.imageshack.us/img234/3210/artdecwo2yn0.png');width:942px;height:846px;left:21%;margin-left:-175px;top:160px;position:absolute;z-index:9;}
.menu{top:10px;left:0px;width:700px;text-align:center;color:CCCCCC;position:absolute;}
.menu a{text-decoration:none;color:CCCCCC;font:8pt Arial,Helvetica,sans-serif;}
.menu a:hover{color:CCCCCC;font:8pt Arial,Helvetica,sans-serif;}
.contact{top:35px;left:0px;width:700px;text-align:center;color:CCCCCC;position:absolute;}
.contact a{text-decoration:none;color:CCCCCC;font:8pt Arial,Helvetica,sans-serif;}
.contact a:hover{color:FFFFFF;font:8pt Arial,Helvetica,sans-serif;}
.lt{top:90px;left:50px;width:212px;height:760px;position:absolute;overflow:auto;text-align:justify}
img.pic1{width:170px;height:170px;}
.ltcontent{top:185px;position:absolute;text-align:justify;width:100%;color:CCCCCC}
.rt1{top:90px;left:307px;height:255px;width:345px;position:absolute;overflow:auto;text-align:justify;color:CCCCCC}
.rt2{top:370px;left:307px;height:242px;width:345px;position:absolute;overflow:auto;text-align:justify;color:CCCCCC}
.rt3{top:640px;left:307px;height:215px;width:345px;position:absolute;overflow:auto;text-align:justify;color:CCCCCC}
.rt4{top:118px;left:307px;height:215px;width:345px;position:absolute;overflow:auto;text-align:justify;color:CCCCCC}


a span{display:none;}
a:hover span {display: block;
position: absolute; left: 25px; top: 370px; width:150px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}

table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext,a.redlink{display: none !important}
</style>

I don't know why I cant keep posting codes... let me try again

[jonp5065]

I have a question about my comments too, i thought i would post it here instead of opening a new topic.

I have my comments at the bottom of the page and centered just how i want them, but the left side of the table, the part that has the picture of the person leaving the comment, is about 400px wide and the right side, the part with the actual comment, is about 400 px wide. I need to know how to make the left side about 150 px wide.

what it looks like now:
http://www.myspace.com/104753168


About me code:

CODE

<style type=text/css>
.comments { overflow: visible; }
.comments table { background-color: transparent;margin-top: -3px; width:800px;}
.comments td { width:650px; font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
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; }
</style>

Who id like to meet code:

CODE

<div class="comments" style="overflow:visible;  height:300px; position: absolute; top:614px; margin-left: -360px;"> <center><table><table><tbody><tr><td><table></center></div>

Any ideas how to do this?