Forums > scroll

Full Version: scroll

Forums > Resource Center > Support Center > Myspace Support > Myspace Resolved Topics

ElmoKnowsU

Oct 3 2008, 04:19 PM

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

Oct 3 2008, 05:39 PM

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

Anarchy

Oct 4 2008, 08:40 AM

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

Oct 4 2008, 06:31 PM

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.

Anarchy

Oct 6 2008, 05:28 AM

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

Oct 9 2008, 07:52 PM

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

Oct 10 2008, 12:36 AM

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>

Anarchy

Oct 10 2008, 04:17 AM

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

Oct 10 2008, 02:02 PM

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

Anarchy

Oct 10 2008, 02:14 PM

Alright, problem solved. Topic closed & moved.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.