How to Make a Scroll Down Links Box in Dreamweaver
The HTML div tag lets you place several links in a container that uses a scroll bar. Users can view links and scroll down the div box to see all of the links, if the number of links extend the height of the div container. Dreamweaver allows you to insert HTML div tags using the designer, and you can manipulate the div style to display the scroll bar.
Other People Are Reading
Instructions
-
-
1
Click the Windows "Start" button and select "All Programs." Click "Adobe," then click "Dreamweaver" to open the Web page designer. Open your Web project.
-
2
Click the section of the page where you want the div to display. Click the "Insert" menu item, then click "Layout Objects," then click "Div Tag." The div loads onto your Web page.
-
-
3
Click the "Edit CSS" button in the bottom properties panel. In the CSS text box, type the following code:
overflow: scroll;
-
4
Click "OK" to save the settings. In the Dreamweaver editor, click the inside of the div tag. Click the "Insert Link" button and type your URL address. Continue adding links to the div until you insert all of the links you want to display in the div container.
-
5
Click the "Save" button and open the page in your default Web browser. Review the div tag for the scroll bar, and click each URL link to ensure that you did not insert an incorrect link address.
-
1
