Main
Home
Contact Staff
Request
Graphics Directory

Site
Updates Archive
Previous Requests
History
FAQ
Terms
Previous Layouts
Staff
Affiliates
Credits
Link Back

Graphics
Avatars
Banners
MS Paint
Posters
Textures
Transparencies
Wallpapers
Miscellaneous

Drifting Designs Tutorials > > Coding > > HTML > > Intermediate > > Left Side Scrollbar






You've probably seen some sites with left-hand scrollbars. I wouldn't recommend it often, but if you do want to use it for a unique effect, read below.

Enter the following code into the Body space of your webpage.

<body style="direction: rtl;">


Adding that code to the Body section will cause everything on your body section to become left aligned. To keep your text and everything else right-aligned, add the following code to your Body section. Where it says Content Here, add the content of your webpage (all the text, images, etc.) Then the rest of your webpage will be right-aligned.

<div style="direction: ltr;">Content Here</div>




Note: I wouldn't recommend this left-hand scrollbar for your website; it might annoy visitors who are used to having the scrollbar on the right side of the screen. It's also rather clumsy to work with since you have to add the "div" code to make sure your text will not be left-aligned. But I don't see the harm in using it for one or two pages, if you're big on having interesting web pages. =)
Layouts
Div Layouts
Frames Layouts
Pop-Up Layouts
Table Layouts

Neopets
Shop Signs
Guild Layouts
Full Page Layouts
Miscellanous

Tutorials
Coding
Graphics
Other

Hosted
Hosted by: