- 1). Click the "Design" tab on the Dreamweaver main menu.
- 2). Click "Insert" on the top menu. Select "Layout Objects." Click "Div Tag."
- 3). Click "OK" on the window that comes up.
- 4). Right-click on an empty area of the design box. Select "CSS Styles." Click "New."
- 5). Type a name for the scroll command in the "Name" field. Click the radio button next to "This Document Only." Click "OK."
- 6). Click the drop-down menu next to "Class." Click the CSS command you just created.
- 7). Click "Box" on the CSS Rule window. Enter the width and height dimensions that will work for the photos you are using. For example, if your largest image is 200 pixels wide and 300 pixels high, you may wish to use these dimensions, or dimensions slightly larger than the image, for your width and height settings.
- 8). Click "Positioning." Click the drop-down next to "Overflow." Select "Scroll."
- 9). Click inside the blue outline design box. Click "File" from the top menu. Select "Insert." Click "Image." Select the first photo to include. Repeat for each additional image.
previous post
next post