?
Solved

Fireworks Nav Bar doesn't display properly in Dreamweaver

Posted on 2004-10-05
5
Medium Priority
?
368 Views
Last Modified: 2010-04-25
I have a nav bar created in Fireworks, which worked fine two years ago when I first created it.  But yesterday I changed a couple of the buttons, exported again, and re-placed onto my Template page in Dreamweaver.  

It previews fine from Fireworks, but once inserted into Dreamweaver as Fireworks HTML, doesn't swap images on mouseover.  Any ideas what I did to cause this or how I can quickly fix it?
0
Comment
Question by:larueski
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 19

Expert Comment

by:webwoman
ID: 12227805
You need to also replace the javascript that gets created. Did you?
0
 

Author Comment

by:larueski
ID: 12227962
Hmmm... probably not.  Although I can't imagine that I would have known to do that the first go-round either, at which point I was even less experienced!  (You probably have ascertained that I'm a novice web designer and pretty much use primarily the WYSIWYG tools at my disposal!) :-}

As I recall, it all seemed fairly straight-forward:  create the nav bar in Fireworks and export, then place a Fireworks HTML at the insertion point in Dreamweaver.  (In fact, inserting the Fwks HTML even automatically created and inserted the following code:
<!--The following section is an HTML table which reassembles the sliced image in a browser.-->
          <!--Copy the table section including the opening and closing table tags, and paste the data where-->
          <!--you want the reassembled image to appear in the destination document. -->
          <!--======================== BEGIN COPYING THE HTML HERE ==========================-->

It's not doing that this time?  I'm having to insert the HTML doc in between this and the End point.  Is that the javascript that gets created?  IF not, where and how should I make this happen?

0
 

Author Comment

by:larueski
ID: 12230078
The plot thickens... I was able to get the navbar to work properly on the one page that isn't connected to the template:  the home page.

Also, after updating the template on the site, any connected pages that have been updated in the editable area have the same problem -- no swap image.  But the template-connected pages that didn't get updated do have the revised nav bar, which works perfectly on thos pages only.  But they're all connected to the same template, so this doesn't make sense to me.

I'm going nuts here.  What could cause this?

0
 
LVL 19

Accepted Solution

by:
webwoman earned 2000 total points
ID: 12233686
You don't have the right javascript. Or it got deleted somehow. Probably deleted. The ones that aren't connected to the template still have the right javascript.

Open the HTML that fireworks creates in Dreamweaver. Use code/design view, otherwise you won't be able to see what you need to. Find the javascript at the top of the document (it's usually marked). You need to copy all of that, the body tag with the preload, and the table. You'll need to edit the template, NOT the documents you created from it. Make sure you replace the javascript you have in the template (if there's anything even there) with the NEW javascript, body tag, and table. Then it should work.

Just an FYI -- learn HTML and javascript, and work in code/design view. That way you can see the things that aren't part of the visual design, but make everything work, and you'll get a feel for what REALLY happens when you change things.
0
 

Author Comment

by:larueski
ID: 12389572
Thanks for the info...  the java script was there in the template, looked pretty much the same, but something must have gotten screwy.  I replaced it as you suggested and voila!  It's working now.  

I do know just enough html to figure out some of the glitchy things that happen, but javascript is a step I haven't taken yet... spoiled by Dreamweaver & other WYSIWYGs, I guess.  :-)

THANKS!!
0

Featured Post

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
In this brief tutorial Pawel from AdRem Software explains how you can quickly find out which services are running on your network, or what are the IP addresses of servers responsible for each service. Software used is freeware NetCrunch Tools (https…
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…
Suggested Courses

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question