View Full Version : scrollbar on left, content on right
forever
06-30-2002, 08:00 AM
does anyone know how to put the scrollbar on the left side of the page, but keep the content still aligned to the right?
boxer_1
06-30-2002, 01:12 PM
Are you talking about something like in this example?:
<html dir="RTL">
<head>
<title>Example</title>
</head>
<body>
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah
such as in the paragraph below.
<br /><br />
<p dir="ltr">Blah Blah Blah Blah Blah Blah Blah...</p>
<br /><br />
<p>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah...</p>
<br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br />
</body>
</html>
Is this what you were looking for? Good luck ;).
Boxer,
I thought dir="ltr" was only supported in html 4.
How does it effect the page in various browsers.
It seems to me to be an obsolite tag!
I am confused now??????
Please expand a little if you can
Thanx
Tonz
forever.
are you thinking of "frames"
ie:.....
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Left scrollbar</title>
</head>
<frameset cols="80,*">
<frame src="leftframecontent.htm" name="leftframe" noresize scrolling="yes">
<frame src="mainframecontent.html" name="mainframe" noresize>
</frameset>
<noframes>
<body bgcolor="#ffffff">
</body>
you don't have the facility to view frames - so there
</noframes>
</html>
If you want to, you could set the frameset width to cols="1,*" (1 pixel width for the left frame, auto for the main frame) and this will give you a scroll bar to the left....
Tonz
boxer_1
06-30-2002, 10:07 PM
Tonz,
You're correct, it is not very cross browser.
Like you suggested, probably forever is looking for frames. When I first read it the first thing that came to mind was dir="rtl/ltr" since he mentioned text alignment and the scrollbar on the left.
A different sort of example for anyone who's interested, paste the following into your address bar and hit Enter:
javascript:void(document.dir="RTL");
My post is a confusing...even to me on a second look...lol. Got a bit mixed up :D.
Quiet Storm
06-30-2002, 10:15 PM
I've something like that.
http://www.angelfire.com/mo2/cbch21/2/FYI.html
(IE only)
javascript:void(document.documentElement.setAttribute('dir','rtl'));
Is the way to do it in Gecko, but that doesn't change the scrollbar position, just changes the dir of content. I think it is up to the user agent to reposition the scrollbar or not... not sure though.
Quiet Storm
06-30-2002, 11:40 PM
My page works just fine.
Scrolbar on the left of the page... all text readable from left-to-right.
What's the problem?
:confused:
Boxer
No the post wasn't confusing, just my understanding of the ltr thing.
Thanx.
Quite storm...
LMAO.
Very cleaver, how did ya do it?
Tonz
BTW, doesn't read ltr when I stand on my head though?????:thumbsup:
Quiet Storm
07-01-2002, 11:18 PM
Basicly:
<HTML dir="rtl">
<BODY>
<DIV ALIGN="left">
?Here's some text, just don't end the final sentance with a period/questionmark/etc because it will show up before the text. Try putting it at the front, maybe
</DIV>
Try that. :)
Zvona
07-02-2002, 08:22 AM
Attribute dir="rtl" is used when your language is written from right-to-left (Some Arabic languages, for instance). Thus, it's not meant to be used for style manipulation.
But Like QStorm already suggested, you should define your document from right-to-left and every element in it aligned from left-to-right.
QuackHead
07-03-2002, 08:23 PM
whoa, that's trippy :rolleyes:
~Quack
Quiet Storm
07-03-2002, 09:02 PM
Did it to my friend's first page of his site:
http://angelfire.com/mo/mav/
He doesn't know about it yet. :D
It was interesting to see - there is absolutely no difference in the design or positioning on his site, just the scrollbar. :confused:
<edit>
Just figured something out:
<HTML DIR="rtl">
<BODY>
<DIV DIR="ltr">
...will set it perfectly with no period/question mark adjustments.
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.