Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    New to the CF scene
    Join Date
    Jun 2002
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question 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?

  • #2
    Regular Coder
    Join Date
    May 2002
    Location
    Maine, USA
    Posts
    574
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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; 07-01-2002 at 12:02 AM.
    boxer_1
    CodingForums Moderator
    "How did a fool and his money get together in the first place?"

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    Beware, the Cybertooth tiger cometh

  • #4
    Regular Coder
    Join Date
    May 2002
    Location
    Maine, USA
    Posts
    574
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    CodingForums Moderator
    "How did a fool and his money get together in the first place?"

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I've something like that.

    http://www.angelfire.com/mo2/cbch21/2/FYI.html
    (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!·

  • #6
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    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.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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!·

  • #8
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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 cometh

  • #9
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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!·

  • #10
    Regular Coder
    Join Date
    May 2002
    Location
    Helsinki, Finland
    Posts
    231
    Thanks
    0
    Thanked 1 Time in 1 Post

    Exclamation

    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 Design

  • #11
    Regular Coder
    Join Date
    Jun 2002
    Posts
    344
    Thanks
    0
    Thanked 0 Times in 0 Posts
    whoa, that's trippy

    ~Quack

  • #12
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Did it to my friend's first page of his site:

    http://angelfire.com/mo/mav/

    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; 07-03-2002 at 09: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!·


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •