/    Sign up×
Community /Pin to ProfileBookmark

How is this effect done?

Copy linkTweet thisAlerts:
Jan 19.2007

Hi
In some HTML pages you see part of a page has [B]a separate scroll bar (usually vertial) with a list of items or links in the spcase [/B](similar to textare in HTML) How is it done?
You can see sample of it in the following page:
[B][url]http://www.mizzfonky.be/[/url][/B]

PS. I did look at the source code but it has only <DIV class=newsfloat> which does not mean anything to me.

to post a comment
JavaScript

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@OverstatementJan 19.2007 — It's a floating div with a set width/height and overflow set to scroll (it's CSS, not Javascript). I've solved it!
Copy linkTweet thisAlerts:
@XTIauthorJan 19.2007 — Excellent but how can I do it?

Give a sample.
Copy linkTweet thisAlerts:
@OverstatementJan 19.2007 — [code=html]
<html>
<head>
<style type="text/css">
.newsfloat
{
float:left;
width:20%;
height:80%;
overflow:scroll;
}
</style>
</head>
<body>
<div class="newsfloat">
Your news here!
</div>
</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@XTIauthorJan 19.2007 — Very good overstatement thanks. How can I get rid of horizontal scrol bar and add some colors to the vertical scrol bar?
Copy linkTweet thisAlerts:
@OverstatementJan 19.2007 — I have no idea...
Copy linkTweet thisAlerts:
@XTIauthorJan 19.2007 — iT WAS VERY HELPFUL. THANKS ANYWAYS.
Copy linkTweet thisAlerts:
@A1ien51Jan 19.2007 — use auto instead of scroll

Eric
×

Success!

Help @XTI spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...