DHTML to Position Images

First create your two rollover images in Adobe Illustrator or PhotoShop. Then in the Insert>Common palette click on the add layer button. (If you mouse over the icons you should see the add layer the second icon of the second section from the left). This yields a small floating box, into which you should then insert a rollover widget (5th over in the third section from the left).

The resulting dialogue box asks for two images, a normal and a rollover image. Put the image you want to be seen when first browsing your page, in the normal state; put the image that is to appear when the mouse cursor moves over the normal image, in the rollover state. After you've submitted this dialogue box, check to make sure that the rollover widget is inside the layer box. If it is not, drag the rollover place holder to the DHTML layer in order to allow yourself to position the rollover anywhere on the web page.