Comment box/Friend's comments help please! Options

[kzn]

So I only want to show a few of my friend's comments instead of 37! and found this code here:

CODE

<style>
div.SKB_3comments {
overflow:hidden; height:627px;
}
</style>

</td></tr></table>
</td></tr></table>
<div class="SKB_3comments">
<table><tr><td>
<table><tr><td>

Problem is the code cut out the right border of my comment/friend table, like this:
http://img331.imageshack.us/img331/6133/bordervl1.jpg

Is there another way I can fix that? I was thinking maybe align the whole thing to the left, but wasnt sure how i could do that...Or maybe if there's another code to cut down the number of comments shown beside this code?

My other question is since I remove the bottom section of the comment table, there is no "Add Comment" anymore, so I added a comment box, but how do i set it under the comment section?

Right now I have this code in the "I'd Like to Meet" box

CODE

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YourFriendID" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 1px; border-style: solid; border-color: FFFFFF; font-family: Arial; font-size: 10px; color: 000000; background-color: a=0; style="overflow:auto;"></textarea><br> <input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Arial; font-size: 10px; color: 000000; background-color: FFFFFF;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: Arial; font-size: 10px; color: 000000; background-color: FFFFFF;" type="reset"></form>

But the box is up at the top like this:

http://img337.imageshack.us/img337/4835/commentyw9.jpg

if I put the code in the "About Me" section like suggested by the creator, my comment box will end up INSIDE the about me box, like this:
http://img350.imageshack.us/img350/2081/aboutzk5.jpg

So basically I just want to know if there's a way to move that to the bottom of my profile.

Thanks!

Oh while Im at it and i just remember this, is there a way to makes all my table evenly aligned? (or equal in width) here's my code:

CODE

<style type=text/css>
body {
background-color: FFFFFF;
background-image: url("http://img115.imageshack.us/img115/9485/diepandabyd4nart5rc.jpg");
background-position: left;
background-repeat: none;
background-attachment: fixed;
scrollbar-arrow-color:18A760;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 666666;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:666666;}

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: 666666; 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 8pt arial; color:525252; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 8pt arial; color:525252; font-weight:none; border:0px; text-transform: none; line-height:12px;}  

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

{style for the number of friends you have.}  
.redbtext{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

{Blurbs, About Me, Who Id like to Meet, Friend Space, and Friends Comments style}
.orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 8pt; letter-spacing: 0px; text-transform: none;}  

{General, Music, Movies, Television, Books, Heroes, Status, Here for, Hometown, Body Type, Ethnicity, Religion, Sign, Smoke/Drink, Children, Education, Occupation, and Income title style}
.lightbluetext8{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none; }

{Contacting, Interests, Details, and Schools title styling}  
.whitetext12{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none;}  

{In your extended network style}
.blacktext12{font-family: times new roman; color: 000000; font-weight: normal; font-size: 16pt; letter-spacing: 0px; text-transform: none; }

{Stylizing of your name above your picture }  
.nametext{font-family: arial; color: 000000; font-weight: normal; font-size: 18pt; letter-spacing: -1px; line-height: 20pt;}  

{date stamp on comments}  
.blacktext10{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none;}  

{Latest Blog Entry }
.btext{font-family:arial; font-size:8pt; color:000000; font-weight:none; letter-spacing: 0px; text-transform: none; }

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

{View all friends and invite more link style}  
a.redlink{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.redlink:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a.redlink:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
a.redlink:visited{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; }
a.redlink:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; cursor:;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:link{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:visited{font-family:arial; font-size: 8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a.navbar:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; cursor:;}  

{Default Links}
a:link, a.man{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:8pt; color:525252; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:arial; font-size: 8pt; color:525252; font-weight:none;border:0px; text-transform: none;}
font-weight:none;border:0px; text-transform: lowercase; cursor:;}

{bolded words}
.standard b, p b, B, strong {
font-family:georgia; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }

</style>

<style type="text/css">
.blogbody u, .standard u, p u, u {
font-weight: underline;
color: a3a3a3;}
</style>

<style type="text/css">
.blogbody i, .standard i, p i, em {
font-weight: italic;
color: a3a3a3;}
</style>

<style type="text/css">
img { filter:Gray;}
a:link img { filter:Gray;}
a:hover img { filter:none;}
</style>
<style>.r{}</style>