i created a navigation bar in fireworks. i then used the State to create two diffrent version of it: STATE 1 has a white background and STATE 2 has a black background.
I then used the slice tool to cut up the diffrent sections of the navation bar. i then selected each of the individual buttons, right clicked my mouse, and added "a simple roll over affect .
it worked perfectly . i even tested it in a brower and it was perfect.
However, when i exported it to dreamweaver the rollover stopped working: exported as "images and html" and then used the INSERT = IMAGE OBJECTS = FIREWORKS HTML to insert it into a specific spot. i then uploaded everything to the server.
i note that when i place the mouse over the images, the mouse changes into a hand shape, thus denoting that the brower is aware that there is suppose to be a link there.
any advice woud be really appriciated.
Have a look at the code for the page to make sure your images are actually located where the browser is looking for them. If your site wasn't properly defined in Dreamweaver, the browser might be looking for them on your hard drive.
thank you so much for your reply. i am not 100 per cent sure how to go about doing what you recommded.
this is a sample of the code on the page;
<td><img src="images/pageimages/lowernavbar/rightnavbar/spacer.gif" alt="" name="undefined_2" width="3" height="1" border="0" /></td>
<td><img src="images/pageimages/lowernavbar/rightnavbar/spacer.gif" alt="" name="undefined_2" width="24" height="1" border="0" /></td>
as you can see, the SRC is for the root of the image. but the image has already been uploaded to the server, so this link works. the images actually shows on the page. Its just the roller over affect that does not work.
can you please give me a little more detail on what i should look for or what i should check
thank you so much.
Hello Linda and to everyone else
Thank you so much for the time you have taken to look at this problem. i am actually at a complete loss as to how to solve it.
the link for the site is:
the navigation bar that i am referring to is the white bar ( with the letters A-Z) at the bottom right side of the page ( in the footer section). its situated just under the words : SEARCH JOBS BY LOCATION
If you download and install the Web Developer extension for firefox <http://chrispederick.com/work/web-developer> You will be able to easily validate the page code. My suggestion? Do not use Fireworks code. Create your graphics in Fireworks, but assemble the pages in Dreamweaver.
thank you for the advice.