Header Banner
WonderHowTo Logo
WonderHowTo
Adobe Dreamweaver
wonderhowto.mark.png
Gadget Hacks Next Reality Food Hacks Null Byte The Secret Yumiverse Invisiverse Macgyverisms Mind Hacks Mad Science Lock Picking Driverless

How to Create a simple rollover menu in Dreamweaver

Website navigation buttons: Home and About.

This video shows how to create a menu with rollover images in Dreamweaver. Open a new document and create a table with one row and one column. To add your rollover images, go to the "Image" tab and select “Rollover Image”. In the “Insert Rollover Image” box, give the image a name, then click “Browse” under “Original Image” to find your images. You can select your rollover images in the same window. Then enter your alternate text and click OK.

To add a border around each button, click on the image, then right click and go to "CSS Styles" and select "New". Here you will enter options that define the CSS rule. When you click OK another box comes up where you will select “Border” and choose the color for the border. To make the border visible, go to Page Properties, select "Border" and type in “1”.

The "Link" option allows you to link your images to a website.

Apple's iOS 26 and iPadOS 26 updates are packed with new features, and you can try them before almost everyone else. First, check Gadget Hacks' list of supported iPhone and iPad models, then follow the step-by-step guide to install the iOS/iPadOS 26 beta — no paid developer account required.

Related Articles

Comments

No Comments Exist

Be the first, drop a comment!