logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 05-23-2009, 05:12 PM   #1
stupid_dummy_head
 
Join Date: May 2009
Posts: 1
Default grrrr *&*$% hotspots!!!

I've been trying this for hours, literally! Okay, I've got a design idea that I want to implement on my site. I'm designing a site for a hospital visitation program.

The idea is to make a navigation bar using pill shaped buttons which change color when the mouses passes over it. I know how to do that using table data boxes.

However, I want to put these pill buttons onto an image of a medinice cabinet, so it looks as though the pills are inside the shelves of the cabinet. This is where my problem comes. I can't get the pills to do the rollover effect of the text changing colors without affecting the entire cabinet image as well.

I've added hot spots to the pills, but when I try to add a rollover effect to the hotspot the rollover affects the entire image. I tried creating the image in fireworks using the "insert a button" function. I was able to get it all set up, but when I try to export the image exports in 30 different pieces because of the slice guide lines literally slicing the image to pieces. VERY frustrating! Even then, it doesn't seem to work and I really don't want my page taking forever to download because 30 little fragments of one image are all tryig to load at the same time.

I know this can be done, but I'm really lost here! Thanks for whatever advice is offered.
stupid_dummy_head is offline   Reply With Quote
Old 05-23-2009, 05:25 PM   #2
davidj
davidj's Avatar
 
Join Date: Sep 2005
Location: The Toon (newcastle upon Tyne)
Posts: 8,256
Default

you need to design the whole cabinet image in photoshop and slice it up. Making sure you focus on the pill buttons (cut these out accuratly). When you piece these back together on the page you can take the pill image and drop back into photoshop and design the rollover state. With CSS you can then style an a{ to perform the swap
__________________
Would you like to learn PHP from me? Check out -> www.codezenith.co.uk
davidj is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:33 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com