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>

[kzn]

Actually after messing around with all the numbers in your code, I think it works!

<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:430px !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:35px !important;} td td td div strong {width:170px !important; display:block;} textarea, input, font, a, table, td, div, b {font-size:9pt !important;} span {font-size:8pt !important;} embed, object {display:block; width:260px; height:350px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:8pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>

Problem was that everything was shrunk (pic, font, embed obj, etc) so I changed a few numbers and they look okay now, it even fixes my border problem with the comment table! (I know the red number is for my profile pic, how do i fix the pics from the comment table? [next to the friend's comment])

One last thing, after putting in the code there's a white rectangular box on the top left of my myspace (where the ad is and blocks off about half of the ad), and all the links under the ad are centered. Is there a way to fix that? (Not important since it isnt affecting anything, but if there is a way it's nice to know :))

Thanks a ton!