The options on the Image tab will allow you to further customize how the interactive button will appear on your web page. You can use the Width and Height fields to make the button larger or smaller. If you want to keep the same basic shape of the button while enlarging or shrinking it, make sure to check the box next to Maintain proportions.
By default, the boxes next to Create hover image, Create pressed image, and Preload button images will be checked. It’s generally a good idea to leave them this way unless, for some reason, you choose not to use these additional images.
One of the most important options available on this tab is the ability to change the background color for the button image. By default, the background color will be white. This option is fine if the background of your web page is also white, but since most of us like a little color in our designs, this is rarely the case.
To make the background of the button blend in with your web page, there are two options. The first one is to Make the button a JPEG image and manually select the color that matches the background of your web page. However, this can present a problem if you ever decide to change the colors used on your web page. I prefer to use the Make the button a GIF image and use a transparent background option. This way, I never have to worry about modifying the buttons later on if I change my mind about background colors.
Click OK after you’ve finished making all of your modifications, and the interactive button will now appear on your web page. If you want to test the button out, use the Preview in Browser option located in the File menu on Expression Web’s main toolbar.
If the button is not working as expected or if you decide you just don’t like the look and feel of it, you can always make changes by right-clicking on the button and selecting Button Properties. This will open the Interactive Buttons window again, allowing you to make any needed changes.
For more tips and tricks, be sure to browse through the other items in Bright Hub's collection of Expression Web tutorials and user guides.