PDA

Click to See Complete Forum and Search --> : Image Roll Over Effect?

putnamehere
08-08-2006, 08:03 PM
Hello, i'm a novice to Dreamwaver and I have encounterd a problem. I would like to know how do I creat a image roll over effect in dw?

A more agile would be were a static image would change once mouse has come into contact with the image.
KDLA
08-09-2006, 10:07 AM
That can be achieved with CSS - it's not dependent upon a Dreamweaver function:

CSS - goes in <head> section

<style type="text/css">
a {background-image: url(filename.gif) no-repeat; width: ###px; height: ###px; display: block;}
a:hover {background-image: url (filename2.gif) no-repeat; width: ###px; height: ###px; display: block;}

HTML

<a href="http://linkaddress.com">Link Text</a>


References:
http://www.w3schools.com/css/css_pseudo_classes.asp
http://www.w3schools.com/css/css_background.asp

KDLA