How to Troubleshoot the HTML for Mouseover Buttons in Dreamweaver
When using Adobe Dreamweaver to create a webpage, the combination between the what-you-see-is-what-you-get and plain-text HTML coding editors allows for you to use both development methods easily. Therefore, if you find that you have a problem with the code, you can choose to use either the HTML or the code to fix the problem. Mouse-over buttons in Dreamweaver use a set piece of Javascript code, so if it is broken, the easiest way to fix it is to insert a new rollover.
Other People Are Reading
Instructions
-
-
1
Open your page in Dreamweaver.
-
2
Check the <body> tag. Within the body tag, your rollover image should be preloaded, using the onload="MM_preloadImages" parameter. Add this parameter if it isn't there.
-
-
3
Check that the <a> tag includes the following essential rollover commands: onmouseout="MM_swapImgRestore()" onmouseover=. Check whether the paths to the images are the correct image paths. Change the image path to correct it and ensure the mouseout and mouseover codes are added.
-
4
Recreate the rollover if you cannot work out which code needs reinserting. The rollover button code, while complex, is very simple to insert in Dreamweaver, so to completely fix all errors, reinsert it. Click "Insert," then "Image Objects" and then "Rollover Image." Enter a name for your image, enter the original image path and the rollover image path. Enter the alternative text if you want to use some and insert a link if you want to use one. Press "Enter" to insert the rollover and fix your mouseover button.
-
1
