How to Create a Floating Side Bar for a User Page

Making your webpage user friendly is simple. Just make sure that the user can easily get from one page to another. One way to do this is with a floating menu bar. With a little html code, you can add a floating side menu so that as your web user scrolls down the page, the menu is always visible and ready to take your user to any other page.

Instructions

Difficulty: Moderately Easy

1. Open up the webpage you want to add your floating side menu to. Make sure your view shows the page's html code.
2. Begin inputting your html code as a cascading style sheet at the top of the page. Type in the following code into the page: < div style="position:; right:; top:;>. Include all of the punctuation and symbols, otherwise your floating menu will not work.
3. Add values for each of the fields you wrote in Step 2. The "position" field should be "fixed". The other fields of your html code should be relative in terms of percents. In the "right" field, the closer a number is to 100 percent, the closer the menu will appear to the right margin of the user screen. For the "top" field, the closer your number is to 100 percent, the higher on the screen your menu will appear.
4. Write the html code for the menu. This code should include links to the rest of your site's pages. When you are finished inputting your menu code, write "
" to signal that the menu is complete.