Scrollbars

Put one on the left side?

Page 1 of 1

14 Replies - 3733 Views - Last Post: 04 March 2002 - 12:31 PM

#1 codeman   User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Scrollbars

Posted 30 December 2001 - 02:41 PM

I wan't to put the scrollbar for this DIV one the left side instead of the right. It's a DIV not a frame. Here's the source code, the whole thing.
-----------------------------
<html>
<head>
<title>Window Test Thingy</title>
<style type="text/css">
.clientArea {
 background-color: #ffffff;
 border-color: #000000;
 border-style: dotted;
 border-width: 5px;
 color: #000000;
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 10pt;
 margin: 0px;
 overflow: auto;
 padding: 0px;
 scrollbar-face-color: #FFFFFF;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-3dlight-color: #000000;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-shadow-color: #000000;
 scrollbar-arrow-color: #000000;
 scrollbar-track-color: #FFFFFF;
 width: 325px;
 height: 300px;
}
</style>
</head>
<body>
<div class="clientArea" style="height:300px;">
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
Sample content. Sample content. Sample content.
</div>
</body>
</html>
-----------------------------
Thanks in advance.

Is This A Good Question/Topic? 0
  • +

Replies To: Scrollbars

#2 codeman   User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Scrollbars

Posted 30 December 2001 - 08:19 PM

Show the love people!
Was This Post Helpful? 0
  • +
  • -

#3 codeman   User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Scrollbars

Posted 31 December 2001 - 12:04 PM

Please respond!
Was This Post Helpful? 0
  • +
  • -

#4 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1964
  • View blog
  • Posts: 20,423
  • Joined: 17-March 01

Re: Scrollbars

Posted 31 December 2001 - 12:16 PM

I don't think it can be done... I've never seen it before... cept in flash!
Was This Post Helpful? 0
  • +
  • -

#5 Cookie Mobster   User is offline

  • nooneenooneenooonee
  • member icon

Reputation: 8
  • View blog
  • Posts: 4,735
  • Joined: 12-October 01

Re: Scrollbars

Posted 31 December 2001 - 01:07 PM

I also have never seen that done before. You might create your own scroll bar with images and javascript.

Cheers Sam :)

Was This Post Helpful? 0
  • +
  • -

#6 codeman   User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Scrollbars

Posted 31 December 2001 - 01:20 PM

nah, that'd be too difficult, thanks anyways.
Was This Post Helpful? 0
  • +
  • -

#7 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1964
  • View blog
  • Posts: 20,423
  • Joined: 17-March 01

Re: Scrollbars

Posted 31 December 2001 - 01:23 PM

Quote

Quote: from codeman on 2:20 pm on Dec. 31, 2001
nah, that'd be too difficult, thanks anyways.
Hehehe, looking for the easy way out!
Was This Post Helpful? 0
  • +
  • -

#8 codeman   User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Scrollbars

Posted 31 December 2001 - 02:41 PM

Well, not that the Javascript scroller would be too hard but the current code for the scrollbar (overflow: auto;) is just too easy to muddle my code with a lot of Js code.

EDIT: #### emoticons

(Edited by codeman at 1:43 pm on Dec. 31, 2001)

Was This Post Helpful? 0
  • +
  • -

#9 peachesforfree   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 18-January 02

Re: Scrollbars

Posted 18 January 2002 - 02:52 AM

I've seen it done before, and I'm almost certain it could be done in CSS. Too bad I forgot to look at the code when I saw it on a page. </cursing at self>
Was This Post Helpful? 0
  • +
  • -

#10 peachesforfree   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 18-January 02

Re: Scrollbars

Posted 28 January 2002 - 11:52 PM

I found out how to do it. Inside your scrollbar entity, put in this
direction: rtl;

The downside of it is that everything else on the page is aligned on the right.

Was This Post Helpful? 0
  • +
  • -

#11 EchoHype   User is offline

  • D.I.C Regular

Reputation: 0
  • View blog
  • Posts: 270
  • Joined: 16-October 01

Re: Scrollbars

Posted 30 January 2002 - 06:38 PM

Yes it's possible, but quite odd and hard to attain with the changes needed.
Was This Post Helpful? 0
  • +
  • -

#12 OMEGA   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 53
  • Joined: 14-February 02

Re: Scrollbars

Posted 14 February 2002 - 06:52 PM

Quote

Quote: from peachesforfree on 1:52 am on Jan. 29, 2002
I found out how to do it. Inside your scrollbar entity, put in this
direction: rtl;

The downside of it is that everything else on the page is aligned on the right.

What about if you included the content section as maybe an I frame or a SSI inside of a table? That way you could only have the scroll bar inside that content area.

Was This Post Helpful? 0
  • +
  • -

#13 codeman   User is offline

  • w3c fanatic

Reputation: 3
  • View blog
  • Posts: 1,190
  • Joined: 13-August 01

Re: Scrollbars

Posted 14 February 2002 - 06:59 PM

Well, the whole purpose of this is NOT to use an iframe but rather just a simple tag. iframes are too messy. Thanx though. :)
Was This Post Helpful? 0
  • +
  • -

#14 FLYGOD   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 04-March 02

Re: Scrollbars

Posted 04 March 2002 - 12:28 PM

Try inserting this little bugger:

direction : rtl;

This makes the stuff pretend to be on a right-to-left system, therefore having the scrollbar on the left, not right.

The problem is it needs to be applied to the BODY area, therefore making every scrollbar on your page be on the left.

Was This Post Helpful? 0
  • +
  • -

#15 skyhawk133   User is offline

  • Head DIC Head
  • member icon

Reputation: 1964
  • View blog
  • Posts: 20,423
  • Joined: 17-March 01

Re: Scrollbars

Posted 04 March 2002 - 12:31 PM

hahah, right on... that's slick!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1