How to Put a Scrollbar in a Survey

Adding a little bit of Cascading Style Sheets (CSS) code to your HTML survey page will allow you to place a scroll bar in a survey. Placing a scroll bar in a survey can be beneficial if the survey has several questions included on one page. If you don't want the survey to take up the full page, you can place it in a box with a scroll bar, and all the survey questions will be housed within this box.

Instructions

    • 1

      Log in to your Web server, and navigate to the HTML page on which your survey is published.

    • 2

      Double-click the HTML file to open it.

    • 3

      Click your cursor on the page at the very beginning of the HTML code for the survey.

    • 4

      Insert the following code:

      <div style="width: 200px;margin: 0 auto;border: 1px solid #666;">

      <div style="width: 190px; height: 190px; overflow: auto; padding: 5px">

      A div is a layer in html coding.

    • 5

      Change the numbers next to "width" and "height" to vary the sizes of the box in which the survey and scroll bar will be included.

    • 6

      Scroll down the page to the end of the HTML of the survey and click at the end of the code. The end of the survey code section likely will be denoted by a closing </p> tag.

    • 7

      Type the following just after the </p> tag:

      </div>

    • 8

      Save the page on your web server. This will publish the revised page, and the survey now will be housed inside a box with a scroll bar.

Related Searches:

References

Resources

Comments

You May Also Like

Related Ads

Featured