Comments and Top Friends Question Options

[shynomi]

I have someone that wants their top friends and comments in a scrollbox. That i can do, but they also want a header for that section.

The page is here, you can see what i've got up.
http://www.myspace.com/frucatestpage

I've got a header there now but it's a div and when they add something to the about me section like a video or banner it will move the "friends/comment" header up.
Is there a way to lock it with that section?

Thanks,
Nate

[fixtatik]

In the code you're using to give it a scroll box, add this just above <div class="myDClassFC">

CODE

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/SAINTS%20OF%20VALORY/commentline.jpg" />

[shynomi]

that worked! one last thing, i need to move it over about 10px to the left as you can see it's carrying over a little bit to the right. do you know what code i'll need to place in to do that?
thanks so much!
Nate

[shynomi]

yea, it moved the header over which is good but the div is still a little right.
anyway to get that moved? if so i'm golden on this!

Nate

[shynomi]

It didn't move it left any, i'll post the code for that section. maybe that'll help.
Thanks.

CODE

</td></tr></table>
</td></tr></table>
</td></tr></table>

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/SAINTS%20OF%20VALORY/commentline2.jpg" /><br><br><br>
<div class="myDClassFC">
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>

<style>
.i {display:none;}

div.myDClassFC {height:650px !important; overflow:scroll !important; overflow-x:hidden !important position: relative; left: -10px;}
</style>

[shynomi]

hmm still didn't move it.
is there something i'm missing?

here's what i changed.

CODE

</td></tr></table>
</td></tr></table>
</td></tr></table>

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/SAINTS%20OF%20VALORY/commentline2.jpg" /><br /><br /><br />
<div class="myDClassFC">
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>

<style>
.i {display:none;}

div.myDClassFC {height:650px !important; overflow:scroll !important; overflow-x:hidden !important position: relative; margin-left: -10px;}
</style>

[fixtatik]

Correction to Mike's (it was missing a semicolon after the overflow-x value):

CODE

div.myDClassFC {height:650px !important; overflow:scroll !important; overflow-x:hidden !important; position: relative; left: -10px;}

[shynomi]

added that in but didn't seem to help :(

[fixtatik]

You didn't copy & paste the code correctly.

This is what you have:

CODE

div.myDClassFC {height:650px !important; overflow:scroll !important; overflow-x hidden; !important position: relative; margin-left -10px;}

It should be this:

CODE

div.myDClassFC {height:650px !important; overflow:scroll !important; overflow-x:hidden !important; position: relative; left: -10px;}

[shynomi]

ahh, you are correct!
that's perfect. thanks so much guys!

[Mickey]

Topic closed & moved.