FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

In-Website Scroll Bar

 


Ghost900
I am looking for the codig for an In-Web-Scroll bar.

I want the normal scroll bar for the page but I want to add a scroll bar to the middle of the page also so that the whole page doesn't move.

If anybody knows the code I would be very greatful to have it.

Here is a Kinda bad example of what I want.

http://www2.mailordercentral.com/huckleberryhaven/default.asp

But I want one kinda like that. Very Happy
Handyman
In your css of the div with the content just add.

overflow: auto;

and set a height for the area. Any content that taller than that div will automaticly create the scrolling box.
Ghost900
Code:
<html>
<head>
<style type="text/css">

overflow: auto;

</style>
</head>

<body>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
<p>This is a test html code and it isn't working</p>
</body>

</html>


I am using this as an example and it isn't working.

Where do I place that coding you gave me?
DanielXP
Code:
<div style="overflow: auto; width=250; height=200;">Your content</div>
Ghost900
Thanks for the help but I am still stumped.

check here: http://www.silvernight.frih.net/test

Here is the coding:

Code:

<div style="overflow: auto; width=288; height=100;">Global ..... Earth.</div>
Handyman
Try taking out the = in the height and width

Add this on your style sheet
Code:
#content {
position:absolute;
margin-left:0px;
margin-top:0px;
z-index:3;
overflow: auto;
width: 288px;
height : 100px;
}



Add this in the html
Code:
<div id="content">
</div>
Ghost900
Thanks so much Handyman and DanielXP.

I got it to work now Very Happy

One more Question?

Can I link certain words in html to make them hyper links and if I can how do I do it?

I want to make a few words click-able.


Another thing is how do I make it so that there is a space between sentences.

(e.g. Hello

See how there is one empty area)
mariohs
Ghost900 wrote:
Thanks so much Handyman and DanielXP.

I got it to work now Very Happy

One more Question?

Can I link certain words in html to make them hyper links and if I can how do I do it?

I want to make a few words click-able.


Another thing is how do I make it so that there is a space between sentences.

(e.g. Hello

See how there is one empty area)


Just use the <a> tag:
Code:
<a href="http://www.frihost.com/">Frihost Web Hosting</a>


That would render like this:

Frihost Web Hosting

I didn't get the red part of your question...
Ghost900
mariohs wrote:
I didn't get the red part of your question...


Hope this makes it more plain.

I want to make it look like this:

Test....

Test...


But with normal HTML it never puts more than one space and it looks like this.

Test.... Test...


I am just trying to find out the code that makes a spacer in html so all the words aren't crammed together.

Thanks mariohs for answering one of the questions though.
Handyman
To go to the next line use <br /> after the link. It is like a return.
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.