Here's a step-by-step (adapt image tags to suit your needs):
1. Create the full banner (including the rollover image) as your working template. (Tip: the width of
the image should be 2px smaller than the container (#rap) of the site.)
2. In an html editor (Dreamweaver makes this very easy with drag and drop capabilities), open a blank
document, then cut and paste the html code (all code provided from A List Apart). Add or remove as
many more panels as needed, but be sure to adjust the css portion accordingly, too.
(note: for nonlinking rollovers - use )
3. In the same document - for ease, create a
That's really it - you should now have an image map with rollover and linking capabilities. Tweak the
coordinate settings if necessary.
If you have any problems, feel free to email me and I'll help any way I can. Also, I'd love to see
the finished product if you can send a link.