Need scrolling comments code for DIV Options

[dezignx]

Hi,

I tried searching on here for a code for my comments ONLY to scroll on my div layout (friends hidden)...every code I tried isn't working. The comments dont show up and it seems to cut my layout short.... I initially had a code working that I used from a previous layout but I don't like how the code displays my comments (like in a table with a border and this big distorted online now)

Can someone provide a Div code for scrolling comments with friends hidden......

Here is the only code that worked.....is there a more simple code to use??

CODE

<span class="off">!-Display Comments-!</span><style>
table table.friendsComments td.text table,
table table.friendsComments {display:block}
</style>
<span class="off">!-END Display Comments-!</span>




<span class="off">!-Display Friends-!</span>
<style>
{! display friends !}
table table td.text table.friendSpace,
table table td.text table.friendSpace td.text table {display:none}
{! restore width in FireFox and Opera; assumes default friendSpace width !}
table table td.text table.friendSpace td.text table table td {width:107px !important}
{! view friend link; override positioning for shows !}
table table td.text table.friendSpace td.text table div {position:static !important; height:auto !important;}
</style>
<span class="off">!-END Display Friends-!</span>




<span class="off">START Block to Put Comments in Div</span>
<style>
{!- comment div style stuff -!}
div.myDclassFC {width:550px; height:400px; overflow:scroll; overflow-x:hidden;}
div.myDclassFC {position:absolute; top:1540px; left:20px;}

table.friendsComments, table.friendsComments td, table.friendsComments table, table.friendsComments table td {width:100% !important}
table.friendsComments table table td {width:auto !important; border:1px silver solid; border-collapse:collapse}
{!- OPTIONAL: size control to keep comment images small -!}
table.friendsComments img {width:230px !important;}
table.friendsComments a img {width:50px !important;}
table.friendsComments .ImgOnlineNow {width:10px !important;}
</style>

</td></tr></table></td></tr></table></td></tr></table>
<div class="myDclassFC" style="border:0px purple dashed">
<table class="myTclassFC"><tr><td class="text">
<table class="off"><tr><td>
<table class="off"><tr><td>
<span class="off">END Block to Put Comments in Div</span>

[dezignx]

huh?? I'm confused now lol

I see tons of divs with just the comments shown in a scroll box and there friends be hidden. The code I provided, it works and shows all the comments and it showed the friends but I hid them, I just don't like the border like around the comments and this online now sign....

I just want to try another code.

I just need a div code to put my comments in a scrollbox so it will show up on my div instead of letting my comments fall to the bottom or something....

I added the comment code to my test page so u will see what I am talking about...click here.....I hate that online now and how to make the comments the size of the scrollbox to keep from scrolling over

and any ideas how to get rid of the extra space at the bottom where the myspace links at?? (but not hide the links)

[Mickey]

Look for this in your code:

CODE

table.friendsComments  .ImgOnlineNow {width:10px !important;}

Replace it with this:

CODE

table.friendsComments span.msOnlineNow img {width:17px!important;}

To remove any borders, try this:

CODE

<style>
.friendsComments table, .friendsComments td, .friendsComments table td {border:0px;}
</style>

To get rid of the space, try removing this from your code:

CODE

{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:55px;}

[dezignx]

Thanx alot looks much better

Helped out alot, the only one that didn't work was the border one but I went inside the code and put 0px and it removed the border.

Last two things, lol, What if I wanted to add like a line to separate each comment. I've seen it on profiles....instead of the outside border around the comments it will just have the middle line

and how would I keep the comments where you don't have to scroll over to finish reading it?? (instead maybe make it wrap to the next line)

[dezignx]

Thanks

yeah I thought so but I still thought maybe the g's would have wrapped to the next line

Did you want me to place the code anywhere?? I tried a couple different placements but code still not working...

IDK maybe because I have the other part of the code 0px for border
I'll play around with it and see

edited: oh the second code works...if I cant figure the first one out I might have to stick with this one

[dezignx]

yeah I will do stick with this one and thanx alot for your help...everytime I post you're always helpful...Thanx

[Mickey]

No problem. Topic closed & moved.