comments in a DIV questions Options

[alias5731]

i was just wondering if there was a way to align my comments on the left and to make then a bit smaller so the scroll bar isnt too long. oh and how can i reduce the space between the comment itself (the writing) and the pic of the one who posted it?

here's my code:
i've already tried to change and see what happened but nothing seems to work help me?

here's myspace

CODE

ABOUT ME
</td></tr></table>
</td></tr></table>
</td></tr></table>
</div>
<table><tr><td>
<table width="435"><tr><td valign="top" align="left" width="435" bgcolor="FFFFFF" style="word-wrap:break-word">
<span class="orangetext15">About me:</span><br>
<style type=text/css>.stats {display:none; visibility:hidden;}</style>

<style type="text/css">
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style>

<style>table table table {background-color:FFFFFF; border:0px solid; border-color:000000;  padding:0;width:220px;}
table tbody td table tbody tr td.text table {background-color:FFFFFF;borer:3px solid; border-color:FFFFFF;width:300px;}
body {background-color:D5E8FB}</style>

<style>
table table table {width:100%;}
table tbody td table tbody tr td.text table {width:100%;}
.contactTable {display:none;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table {width:100px;}
table table {width:400;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:220px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:150px !important;}
td.text td.text a img {width:50px !important;}
td td td div strong {width:50px !important; display:block;}

.orangetext15,
.blacktext10 {display:block;
    width:100%;
    text-align:right;
    color:FFFFFF;
    background-color:B22222;
font-size:8pt !important; }

td.text td.text .orangetext15,
td.text td.text table table div {display:none;}
</style>


<center>
<img src=http://img182.imageshack.us/img182/8080/redshiftbyelementalitysy0.jpg>

<br><br>

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=81130389"><img src="http://c.myspace.com/Groups/00012/09/13/12143190_m.gif" border=0 title="Message"></a><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=81130389"><img src="http://c.myspace.com/Groups/00012/77/13/12143177_m.gif" border=0 title="Add"></a><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=81130389"><img src="http://c.myspace.com/Groups/00012/18/13/12143181_m.gif" border=0 title="Block"></a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=81130389"><img src="http://img143.imageshack.us/img143/2572/addfc5.png" border=0 title="Comment"></a>
<br><br><br>


<b><font size=3>About me</font size></b><br>
My name is Camille<br>
But it's pronounced Cami<br>
I live in Paris, France<br>
I'm nineteen<br>
I'm in a relationship<br>
I'm doing law studies<br>
My birthday is on April 1st<br>
I have a twin sister<br>
I have a kitty<br>
I love food<br>
I love to laugh<br>
I wish I had a talent<br>
I hate to hurt people<br>
I play guitar and piano<br>
I'm in love with Kurt Cobain<br>
I love instrumental songs<br>
I love to go to concerts<br>
I like to go shopping<br>
I'm a good listener<br>
I love traveling<br><br>
&hearts; &hearts; &hearts;
</center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


<style>To hide the bottom links use this
.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:FFFFFF;}

To hide the copyright use this
. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:FFFFFF;}</style>


</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>

<style type="text/css">.orangetext15 {display:none;}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,
table table table table table td {width:auto;}</style>

<style>table table table table table {direction:rtl;}
table table table table table td {direction:ltr;}</style>

<style>.bbzc1 {content:"remove and hide things";}
table table table table td.text {
font-size:0px; letter-spacing:-5px; text-align:center;}
table table table,
table table table table td,
tabke table table td.text {width:0px; padding:0px;}
td.text div, td.text img {display:none;}

.bbzc2 {content:"align and recover other tables";}
td.text td img, td.text a img,
.nametext {display:block; text-align:center;}
table table table table td {text-align:center;}

.bbzc3 {content:"fixed width of left and right columns";}
.contacttable, .contacttable table,
table table table table {width:220px !important;}
table table td.text table {width:100px !important;}
table table td.text table td {width:250px !important;}
table table td.text table table table {width:0px !important; padding:5px !important}
table table td.text table table table td {width:100% !important;}
</style>


<style>td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}</style>

<style type=text/css>
a.navbar, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover {
color: white;
font-family: Arial;
font-size: 7pt;
line-height: 9px;
text-transform: lowercase;}
td, tr, table {height:0px !important;}
</style>

<style>.text .text table table td {color:242424;
    letter-spacing:-2px; font-size: 7pt; font-family: Arial;}
.redtext {color:black; font-size: 7pt; font-family: Arial;}
.redbtext {color:black; font-size: 7pt; font-family: Arial;}
a.redlink:link, a.redlink:visited {color:242424;
    text-decoration:none; font-weight: bold; font-size: 7pt; font-family: Arial;}
a.redlink:hover {color:black;
    text-decoration:underlined; font-weight: bold; font-size; 7pt; font-family: Arial;}
</style>

<style type="text/css">embed, object{ display:block; width:200px; height:35px;}</style>

<div style="width:200px; height:100px; overflow:auto; background-color:white; border:0px solid; border-color:FFFFFF; position:absolute; top:990px; left:50%; margin-left:-225px; ">
<b><font size=2><font color="#B22222">CHECK THIS OUT</font color></font size></b>
<br><font color="#B22222"><i>(regularly updated)</i>
</font color><br>
<a href="http://dirtyprettyhome.livejournal.com">My Live Journal</a></div>

CODE

WHO ID LIKE TO MEET

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

<style>.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .orangetext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}

JB{The Main: comment div;}
.comt {width:250px; height:200px; overflow:auto;
background-color:white; border:1px solid; border-color:739AC5; position:absolute; top:920px; left:50%; margin-left:10px; }
JB {Timestamp: width;}
.blacktext10 {width: 170px;}
.text .text table table td {color:dddddd;
    letter-spacing:-2px; text-align:left;}

JB{hides: friends name links only in top 8}
.comt td td td td a{visibility:hidden!important; font-size:0px !important;}

JB{hides: the Add Comment link}
.comt td a{visibility:hidden;}

JB{hides: online now images only in top 8}
.comt td td td td div{display:none;}

JB{resizes: images posted in comments}
.comt td td td img {width:160px; max-width:160px; _width:70px !important;}
.comt td embed { max-width: 160px !important; width: 160px !important; }

JB{resizes: linked images including friends profile pic}
.comt td td td a img {width:80px; max-width:80px; _width:80px !important;}

JB{resizes: top 8 friend pics}
.comt td td td td img {width:40px!important;}

</style>

the rest is classic DIV's on the left.

Thanks so much in advance, I've been trying to fix that problem for ages !

[freeflow]

To move your comments you have to edit:

CODE

comt {width:250px; height:200px; overflow:auto;
background-color:white; border:1px solid; border-color:739AC5; position:absolute; top:920px; left:50%; margin-left:10px; }

Edit the positions of them. The best waay to squish them together is by using this.
http://www.createblog.com/scripts/download.php?id=234
But if that one doesn't work there is another I find works better and cleaner.

[alias5731]

it doesn't work: it doesnt make my comments align on the left, even if i add "text-align: left"... and the squish script doesnt do anything. Could u give me that other script you were thinking of please?

[freeflow]

The code I gave you , lets you move your comment table. The other code is just a skinny profile code that does the same.

CODE

<style type="text/css"> .contactTable {display:none;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:220px !important; height:0px;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} textarea, input, font, a, table, td, div, b {font-size:6pt !important;} span {font-size:7pt !important;} embed, object {display:block; width:220px; height:38px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:6pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>

[alias5731]

oh ok...but i don't need to move my comment table, i just want to make the comments themselves smaller, not the table or whatever, just the writing you know...and the space between the comments and the comment person's pic. if you see what i mean...

[freeflow]

The code in the post above shoud do that.