I am working on a site where there is already an existing text-only navigation bar but I wanted to create buttons to give it more interest. So I created some in Adobe Illustrator CS2 and saved them as jpg. For each button I created an up and down state. I thought it'd be easy enough to just insert them into Dreamweaver but that hasn't been the case. What I've tried to do and been unsuccessful at is go to Insert(on the Application Bar)>Image Objects>Navigation Bar and I modified the existing bar with the new up and down states I created. Once I do that for each element and hit ok I get this error:
“While executing onClick in Modify Nav Bar.htm , the following JavaScript error(s) occurred: At line 227 of file “C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS4\Configuration\Shared\MM\Scripts\navBar.js”:trObj has no properties.”
I looked at the code to try and see what the problem was and there is no line 227. I know what I am trying to do which is insert the buttons I made in Illustrator in place of the existing nav bar text links but for some reason I can’t quite get it to work. Do you have any suggestions of what to do next?
Here's the code for the navigation bar:
<p><span class="nav_bar"><a href="index.html">Home</a> - <a href="catalog.html">Catalog</a> - <a href="services.html">Services</a> - <a href="destinations.html">Destinations</a> - <a href="newsletter.html">Newsletter</a></span></p>
Thanks!