scroll Options

[ElmoKnowsU]

How do you make the interest table scroll without using a scroll box?

LIKE THIS:
http://i34.tinypic.com/2hn9c8l.jpg

FYI I SCRATCHED OUT THE PERSONS INFO IN RED

Before any1 replies, someone posted this code:
http://www.createblog.com/scripts/script.php?id=1717
and thats what i want, but is there a way to edit it so that the details and network section aren't included inside the scroll?

[manny-the-dino]

Woah, mang, no need to quadruple post. I merged them for you. Next time, please use the edit button.

[Mickey]

Try this code out:

CODE

</td></tr></table>
</td></tr></table>
<style>
table.interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileCompany, .userProfileSchool {display:none;}
div.InterestsDiv {overflow:auto; width:300px; height:200px;}
div.InterestsDiv table {width:100%;}
</style>
<div class="InterestsDiv">
<table bordercolor="6699cc" cellspacing="0" cellpadding="0" bgcolor="ffffff" border="1" class="newInterests">
<tr>
<td class="text tdborder" valign="middle" align="left" width="300" bgcolor="6699cc" wrap="" style="WORD-WRAP:break-word">
<span class="whitetext12">title here</span>
</td></tr>
<tr valign="top"><td class="tdborder">
<table bordercolor="000000" cellspacing="3" cellpadding="3" align="center" bgcolor="ffffff" border="0">
<tr><td valign="top" align="left" width="100" bgcolor="b1d0f0" nowrap="">
<span class="lightbluetext8">General</span>
</td><td width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word">

That hides the Schools, Companies, Networking, and Details sections but not the Interests section.

[ElmoKnowsU]

No thats not right. It hides my details and school. I dont want to hide it, i just want to put it under the interests, and outside the scroll.

[Mickey]

Oh, I thought you wanted them hidden. Try this:

CODE

</td></tr></table>
</td></tr></table>
<style>
.userProfileDetail, .userProfileNetworking {display:auto;}
table.interestsAndDetails, .userProfileCompany, .userProfileSchool {display:none;}
div.InterestsDiv {overflow:auto; width:300px; height:200px;}
div.InterestsDiv table {width:100%;}
</style>
<div class="InterestsDiv">
<table bordercolor="6699cc" cellspacing="0" cellpadding="0" bgcolor="ffffff" border="1" class="newInterests">
<tr>
<td class="text tdborder" valign="middle" align="left" width="300" bgcolor="6699cc" wrap="" style="WORD-WRAP:break-word">
<span class="whitetext12">title here</span>
</td></tr>
<tr valign="top"><td class="tdborder">
<table bordercolor="000000" cellspacing="3" cellpadding="3" align="center" bgcolor="ffffff" border="0">
<tr><td valign="top" align="left" width="100" bgcolor="b1d0f0" nowrap="">
<span class="lightbluetext8">General</span>
</td><td width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word"></div>

If you want to add more stuff in your custom Interests section, make sure you add it before the closing <div> tag. Your Details/Networking sections should appear under the scrollbox.

[ElmoKnowsU]

That just deleted my network. I really want this code but if yall cant get it then its cool. I dont want to be a pain. Lol thanks for trying.

[fixtatik]

hmm, pretty easy, actually. use the code you found to have a scrolling left column, and after everything, add this:

CODE

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

[Mickey]

Your final codes should look something like this:

CODE

</td></tr></table>
</td></tr></table>
<style>
table.interestsAndDetails {display:none;}
div.InterestsDiv {overflow:auto; width:300px; height:200px;}
div.InterestsDiv table {width:100%;}
</style>
<div class="InterestsDiv">
<table bordercolor="6699cc" cellspacing="0" cellpadding="0" bgcolor="ffffff" border="1" class="newInterests">
<tr>
<td class="text tdborder" valign="middle" align="left" width="300" bgcolor="6699cc" wrap="" style="WORD-WRAP:break-word">
<span class="whitetext12">title here</span>
</td></tr>
<tr valign="top"><td class="tdborder">
<table bordercolor="000000" cellspacing="3" cellpadding="3" align="center" bgcolor="ffffff" border="0">
<tr><td valign="top" align="left" width="100" bgcolor="b1d0f0" nowrap>
<span class="lightbluetext8">General</span>
</td><td width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word">

OTHER CONTENT

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

Just replace "OTHER CONTENT" with your own information. (Thanks, Fixtatik.)

[ElmoKnowsU]

it worked! AND it looks cool. lol thanks. :] kudos to you guys.

[Mickey]

Alright, problem solved. Topic closed & moved.