Tweet
scrollbar on left, content on right
does anyone know how to put the scrollbar on the left side of the page, but keep the content still aligned to the right?
-
-
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
.
Last edited by boxer_1; Jun 30, 2002, 07:02 PM.boxer_1
CodingForum Moderator
"How did a fool and his money get together in the first place?" -
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....
TonzBeware, the Cybertooth tiger comethComment
-
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
.
boxer_1
CodingForum Moderator
"How did a fool and his money get together in the first place?"Comment
-
I've something like that.
(IE only)Quيet Storm Designs ~ Art is not what you see, but what you make others see.
· the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·Comment
-
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.Comment
-
My page works just fine.
Scrolbar on the left of the page... all text readable from left-to-right.
What's the problem?
Quيet Storm Designs ~ Art is not what you see, but what you make others see.
· the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·Comment
-
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?????
Beware, the Cybertooth tiger comethComment
-
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.
Quيet Storm Designs ~ Art is not what you see, but what you make others see.
· the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·Comment
-
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.Zvona
First Aid for
Web DesignComment
-
whoa, that's trippy
~QuackComment
-
Did it to my friend's first page of his site:
He doesn't know about it yet.
It was interesting to see - there is absolutely no difference in the design or positioning on his site, just the scrollbar.
<edit>
Just figured something out:
<HTML DIR="rtl">
<BODY>
<DIV DIR="ltr">
...will set it perfectly with no period/question mark adjustments.Last edited by Quiet Storm; Jul 3, 2002, 04:07 PM.Quيet Storm Designs ~ Art is not what you see, but what you make others see.
· the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·Comment
Comment