Need scrolling comments code for DIV |
Need scrolling comments code for DIV |
![]()
Post
#1
|
|
Member ![]() ![]() Group: Member Posts: 25 Joined: Jun 2009 Member No: 733,596 ![]() |
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> |
|
|
![]() |
![]()
Post
#2
|
|
Member ![]() ![]() Group: Member Posts: 25 Joined: Jun 2009 Member No: 733,596 ![]() |
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) |
|
|
![]() ![]() |