Author Topic: image layovers with Dreamweaver  (Read 1799 times)


  • Guest
image layovers with Dreamweaver
« on: January 17, 2012, 02:39:39 pm »
I want to put rollover buttons on my banner image. How do I do this? Can it be done?

Dawn Hawkins

  • Administrator
  • Hero Member
  • *****
  • Posts: 280
Re: image layovers with Dreamweaver
« Reply #1 on: January 17, 2012, 07:09:09 pm »
Are you wanting the buttons to sit on top of the banner, or will the buttons be part of the banner image?  If sitting on top, you could simply create the image rollovers and then make the div that contains them positioned on top of the banner, using the z-index and position properties in CSS.  These articles make help: http://www.macronimous.com/resources/dynamic_layers_with_dreamweaver.asp or http://webdesign.about.com/cs/css/a/aazindex.htm or http://www.tizag.com/cssT/layers.php

If the rollovers that you want to create are part of the image itself things get a little more tricky, but not impossible.  You can try to create an image map with rollovers: http://www.tankedup-imaging.com/css_dev/rollover.html or here: http://www.electricfairground.com/2009/08/08/image-map-rollover-effects-using-jquerys-maphilight-plugin/ or this one which uses Fireworks: http://www.awdsf.com/courseware/fireworks/FW3_imagemaps_rollovers.htm