Dreamweaver Form Rollover buttons
For our roll over example we will use the 2 images below for the button. If you want to use them you can simply right click on them and save them to your computer.
1/ First we need a simple form. Create a new page and
build a form like the one below.
2/ Name the first text field "input1" and the second text field "input 2".
3/ Now place your cursor below the text fields and click. Then go click on the "Rollover Image" icon in the Common toolbar.
4/ Browse your way to the first button that you saved, "up.gif", for the "Original Image. Then to the second button that you saved, "over.gif" for the "Rollover Image".
Now enter this into the "When Clicked, Go to URL" field
5/ Your form will now look like this.
6/ You have not made the "submit.asp" page yet so you will probably get an error if you click on your form button right now. However, this is how it will work once the "submit.asp" page is built.