Web Analytics Made Easy -
StatCounter scrollbar on left, content on right - CodingForum

Announcement

Collapse
No announcement yet.

scrollbar on left, content on right

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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
    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_1
    New to the CF scene
    Last edited by boxer_1; Jun 30, 2002, 08:02 PM.
    boxer_1
    CodingForum Moderator
    "How did a fool and his money get together in the first place?"

    Comment


    • #3
      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

      Comment


      • #4
        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


        • #5
          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!·

          Comment


          • #6
            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.
            jasonkarldavis.com

            Comment


            • #7
              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


              • #8
                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

                Comment


                • #9
                  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


                  • #10
                    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

                    Comment


                    • #11
                      whoa, that's trippy

                      ~Quack

                      Comment


                      • #12
                        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.
                        Quiet Storm
                        New to the CF scene
                        Last edited by Quiet Storm; Jul 3, 2002, 05: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

                        Working...
                        X