We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
HTML Scrollbar?
Topic Started: Mar 8 2005, 12:17 AM (603 Views)
sandviper2
Member
[ *  *  * ]
How do you make a scrollbar, Can someone supplie me with the code, or give me a link to the code? That would be sick, I was asked to make my school a website, and I don't want anyone having to scroll donw by the browser, but actualy in the website :)
Offline Profile Quote Post Goto Top
 
Das
Member Avatar
Smells of rich mahogany
[ *  *  *  *  *  *  * ]
So you want an area where you put everything in, and then it has its own scroll bar?
Offline Profile Quote Post Goto Top
 
Stefan
Member Avatar
Mew?
[ *  *  *  *  *  *  * ]
You can put the stuff you want to have a scrollbar in a fixed-height DIV element, and set the overflow-y style to auto. That would be something like this
Code:
 
<div style="height:300px; overflow-y:auto;">
[CONTENTS]
</div>
Offline Profile Quote Post Goto Top
 
sandviper2
Member
[ *  *  * ]
http://www.freewebs.com/blackbutte/

See were contents is? I have that code in now, and I wan't to have a scrollbar in that section. Insted of on the browser.
Offline Profile Quote Post Goto Top
 
yea
Member
[ * ]
woah... wat happened to your site... u obviously dont no wat "contents" is or it would have worked.
Offline Profile Quote Post Goto Top
 
Stefan
Member Avatar
Mew?
[ *  *  *  *  *  *  * ]
Whoops, small mistake there. Change overflow-y to overflow.
Offline Profile Quote Post Goto Top
 
sandviper2
Member
[ *  *  * ]
Thanks, It works now. :)

Do you know of a way, I can Make it bigger, so that it is to the top and bottom of the table section?
Offline Profile Quote Post Goto Top
 
Das
Member Avatar
Smells of rich mahogany
[ *  *  *  *  *  *  * ]
sandviper2
March 9, 2005 04:17 PM
Thanks, It works now. :)

Do you know of a way, I can Make it bigger, so that it is to the top and bottom of the table section?

Size =
Quote:
 

<div style="height:300px; overflow-y:auto;">
[CONTENTS]
</div>
Offline Profile Quote Post Goto Top
 
sandviper2
Member
[ *  *  * ]
ok, now, Everytime I refresh the page, the width of the Main Contents Section Gets Bigger or smaler, is there a way I can keep it in palace, I have the set hight, and think i have the set width.


~edit~
I fixed that, I didn't have a set width, so i set it.

Dose someone know how I could put a nother table section, below but insde the contents one for the copyright? Would It just be a table inside that table section? Or is there a quick way to do it, and valign bottom? I will play with it a bit.
Thanks
SandViper.


HeHe stefan -> :stefan: Thanks for the help.

~edit~
Well, I got it on the bottom by valigning it to bottom, before the TD, but then there is no border, between the Contents and copywrit, Any suggestions?
Offline Profile Quote Post Goto Top
 
solinent
Member
[ *  *  * ]
Well, when I first read this, I would of suggested a textarea. I think you can make them readonly by adding the readonly element:

<textarea readOnly>

dunno if that's what you want
Offline Profile Quote Post Goto Top
 
korn_mosher_4life-ZNS
the korn mosher 4life
[ *  *  *  * ]
when I read the topic I thought you were talking about the scroll bar color and crap.
Offline Profile Quote Post Goto Top
 
Cool Dude 2k
<?php echo "Linux"; ?>
[ *  * ]
solinent
March 19, 2005 10:21 AM
Well, when I first read this, I would of suggested a textarea.  I think you can make them readonly  by adding the readonly element:

<textarea readOnly>

dunno if that's what you want

You can use ether readonly or disabled to make it readonly.
Code: HTML
 
<textarea readonly="readonly">Text Here</textarea>

Code: HTML
 
<textarea disabled="disabled">Text Here</textarea>
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Technology Chat · Next Topic »
Add Reply