Problems inserting a Fireworks navigation bar in Dreamweaver

I designed a navigation bar in Fireworks. When I preview it
works fine and I exported it as a "HTML and Images" file type. I
used Dreamweaver to insert it through Insert, Image Objects,
Fireworks HTML, I browse the html file, but when I click OK it
displays the message: "The selected file is not the correct format.
Please select an HTML file which was exported from Fireworks". What
am I doing wrong. Is it the file format when I export it? Please
help me, I am a rookie with this, have no manuals, no training at
all, just you.

I have the same problem: I designed a navigation bar in
Fireworks. When I preview it works fine and I exported it as a
"HTML and Images" file type. I used Dreamweaver to insert it
through Insert, Image Objects, Fireworks HTML, I browse the html
file, but when I click OK it displays the message: "The selected
file is not the correct format. Please select an HTML file which
was exported from Fireworks". What am I doing wrong. Is it the file
format when I export it? Please help me, I am a rookie with this,
have no manuals, no training at all, just you.
I followed your directions and still received the same error.
What can I do?

Similar Messages

HELP/Problems with pull-down navigator bar

Hi everyone,
I was wondering if I could get some input. I have just
re-designed our magazine's site, www.easternsurf.com
I used Pop-Up menu function in Fireworks 8 to generate our
Navigator bar. For the most part everything has been working well,
BUT we've had a couple of complaints that the navigator bar's
pull-down menus get stuck behind the photos/banner ads/etc. instead
of in front of them when viewing in Internet Explorer. I'm on the
Mac platform (OSX Tiger/Macromedia Studio 8) and have seen no
problems viewing in Safari, Firefox and Netscape. The only
complaints have come from Internet Explorer users. A couple of
people updated their browser to the newest version and the problem
disappeared, however we've still had a couple of people that have
written in that the newest version of IE is still not displaying
properly.
Also we've got a strip of button ads running down the left
hand side of each page and I've also seen another issue that's
common on sites of this type...when the pulldown menu overlaps with
a Flash element, there is a problem with the screen re-draw. I've
seen this on several other sites and know it's a common problem,
but does anyone know of a workaround where this won't happen? I
just noticed that signing on to Adobe's site, there almost seems to
be a command where the menu keeps re-drawing at a very rapid rate
so this won't happen.
Any input would be greatly appreciated, although I'm Mac all
the way, we are a business and have to get this site visible for
everyone!
Thanks

Hi Oldbudge,
Welcome to the Community,
Please Perform a Battery Pull Restart like this While Device is Powered On remove the Battery wait for a min. then re-insert it back wait till the device take a long Reboot.And see if that helps.
Good Luck
Prince
Click " Like " if you want to Thank someone.
If Problem Resolves mark the post(s) as " Solution ", so that other can make use of it.
Click " Like " if you want to Thank someone.
If Problem Resolves mark the post(s) as " Solution ", so that other can make use of it.

Using Insert/Images Objects/Navigation Bar - weird quirks

DW CS4
When I go to the above path in DW to add a navigation bar and add a few elements, the code produced seems fine (I'm talking strictyl about the sentence case of the code - all lowercase). Now if I go to Modify/Navigation Bar to add a few more elements, the additional code is now in a different case (it's in sentense case - first letter capital). For example:
When I first insert a navigation bar, some resulting code is
onmouseover="MM_nbGroup('over','home','','',1)"
but when I go to modify the navigation bar, the additional code added now becomes
onMouseOver="MM_nbGroup('over','galleries','','',1)"
I know how to quickly find/replace to fix this, but this is just weird to me why DW would use two different sentence cases. Is that just a function of the software, or is there some setting I'm missing to make sure ALL code is in lowercase? I already have my default tag case <lowercase>
Test it out yourself and let me know if anyone gets the same results or knows why this is happening.
Thanks...
I just noticed something else... on initial creation, the code includes id="", but when I modify/add to the nav bar, there is no id="" included (I have to manually add that code)... what the crap is going on??

Unicode is the character set encoding -- not the same as DTD.
I can't recreate your experience with DW on Windows Vista.
Here's the code I get from DW -- same as before and after editing the menu...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/JavaScript">

</script>
</head>
<body onload="MM_preloadImages('Images/Up-Arrow-64.png','Images/Up-Arrow-64-hover.png')">
<a href="http://alt-web.com" target="_top" onclick="MM_nbGroup('down','group1','Home','Images/Up-Arrow-64.png',1)" onmouseover="MM_nbGroup('over','Home','Images/Up-Arrow-64-hover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="Images/Up-Arrow-64.png" alt="Home" name="Home" width="64" height="64" border="0" id="Home" onload="" /></a>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Problem with exporting Fireworks mock-up into Dreamweaver

Hallo everyone,
I’m beginner in Fireworks and Dreamweaver. Right now I am working on a mock-up of a web-site in Fireworks. Just for practice, I created very simple structure in Fireworks CS5 (two rectangles with one line of text in 3 different languages placed into one rectangle). When I exported created page into Dreamweaver CS5 as Html and Images, it looked nice (obviously, since it is Html and Images). Then I tried to export the page as CSS and Images. The strange thing is that the page looks fine when displayed in Firefox, but the text breaks into two lines when displayed in Explorer or Opera. Moreover, the design of the page in Dreamweaver doesn’t replicate the Fireworks’ mock-up and looks not as nice as in Fireworks. For you reference I am including the Html and CSS code that was created by Fireworks. Does anybody have an idea what is happening and what should I do to prevent this kind of problems when trying exporting more complicated Fireworks mock-ups?
Sincerely yours,
Arti
This is the code created by Fireworks CS5:
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
               <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
               <title>index_ALA_20110129</title>
               <link rel="stylesheet" type="text/css" href="./index_ALA_20110129.css" media="all" />
               
</head>
<body>
<div id="main">
               <div id="hor_line">
               </div>
               <div class="clearFloat"></div>
               <div class="welcome">
                                             <p class="lastNode">いらしゃいませ
                              </p>
               </div>
               <div class="clearFloat"></div>
               <div id="blue_box">
               </div>
               <div id="green_box">
                              <div class="pass_***">
                                                            <p class="lastNode">パスワードを入れてください
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
                              <div class="pass_eng">
                                                            <p class="lastNode">please enter password
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
                              <div class="pass_rus">
                                                            <p class="lastNode">введите ваш пароль пожалуйста
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
               </div>
               <div id="Div">
               </div>
</div>
</body>
</html>
And this is CSS:
@charset "utf-8";
body {
               background-color: #fff;
               font-size: 62.5%;
               margin: 0;
               padding: 0;
body * {
               font-size: 100%;
h1, h2, h3, h4, h5, h6 {
               font-weight: normal;
p {
               margin-bottom: 1.1em;
               margin-top: 0;
#main p.lastNode {
               margin-bottom: 0;
a:link img, a:visited img {
               border: none;
div.clearFloat {
               clear: both;
               font-size: 0;
               height: 0;
               line-height: 0px;
li.clearFloat {
               clear: both;
ul.symbolList {
               display: inline;
               float: left;
               list-style-type: none;
               margin: 0;
               padding: 0;
.AbsWrap {
               position: relative;
               width: 100%;
.rowWrap {
               width: 100%;
#main {
               margin: 0 auto 0 0;
               width: 1000px;
#hor_line {
               margin-left: 45px;
               margin-top: 80px;
               display: inline;
               float: left;
               margin-bottom: 0;
               border: 11px solid #ccc;
               width: 887px;
               padding-top: 1px;
               height: 1px;
               height: 2px;
               overflow: hidden;
.welcome {
               font-family: 'ＭＳＰゴシック', Arial, Helvetica, sans-serif;
               font-size: 400%;
               font-weight: bold;
               text-align: left;
               text-decoration: underline;
               color: #900;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 50px;
               margin-top: 58px;
               display: inline;
               float: left;
               margin-bottom: 0;
#blue_box {
               margin-left: 44px;
               margin-top: 16px;
               display: inline;
               float: left;
               margin-bottom: 0;
               background-color: #03c;
               width: 417px;
               padding-top: 0px;
               height: 290px;
html > body #blue_box {
               height: auto;
               min-height: 291px;
#green_box {
               margin-left: 57px;
               margin-top: 16px;
               display: inline;
               float: left;
               margin-bottom: 0;
               background-color: #9f9;
               width: 406px;
               padding-top: 0px;
               height: 290px;
html > body #green_box {
               height: auto;
               min-height: 291px;
.pass_*** {
               font-family: 'メイリオ', Arial, Helvetica, sans-serif;
               font-size: 230%;
               font-weight: bold;
               text-align: left;
               color: #006;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 42px;
               display: inline;
               float: left;
               margin-bottom: 0;
.pass_eng {
               font-family: Arial, Helvetica, sans-serif;
               font-size: 220%;
               font-weight: bold;
               text-align: left;
               color: #39576b;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 45px;
               display: inline;
               float: left;
               margin-bottom: 0;
.pass_rus {
               font-family: Arial, Helvetica, sans-serif;
               font-size: 180%;
               font-weight: bold;
               text-align: left;
               color: #006;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 62px;
               display: inline;
               float: left;
               margin-bottom: 0;
#Div {
               margin-right: -95px;
               margin-top: 108px;
               display: inline;
               float: right;
               margin-bottom: 0;
               border-left: 1px solid #ccc;
               height: 1px;
               width: 1px;
               height: 1px;
               overflow: hidden;

Hi Jim_Babbage,
Thanks for your response. I am sending you the original PNG file.
Looking forward to your solution,
Arti

Image Insert Dialog with Navigation Bar?

How come the Image Insert dialog now shows the

No, that stuff wasn't there before.
No, it isn't necessary.
I guess is some sort of style sheet is begin applied that wasn't before.
Take a look at this.
When I first typed this message, my typing looked like this. I went and posted and it all pretty much disappeared except for some blank lines. A couple other times I've seen the overlapped lines of typing.
(And the jumping of the box on Autosave is still occurring.)
I think the last forum updates must have broken more than they fixed.
Attachments:
bad edit window.PNG ‏10 KB

Dreamweaver Navigation Bar

First off should I use the Insert>Image Objects>Navigation Bar option? If so, is there a way to get text on top of the images that I use so that I dont have to use 20 different images?

I'm not a huge fan of the DW image based navigation menus. I think it's fair to say that the code is bloated and awkward to work with when you need to make menu changes later.
I feel there are much better solutions out there using pure CSS, or a combination of CSS and JavaScript.
If your requirements are simple, this free DW extension will build vertical or horizontal CSS menus for you.
http://www.dmxzone.com/go?5618
Project seven menus are all top notch and rigorously pre-tested to work in various browsers and user settings.
http://www.projectseven.com/products/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Navigation Bar Question in Dreamweaver

How do put text on the links in the navigation bar in dreamweaver - this is text the person would see when they rollover the link in the navigation bar

There are two attributes that may be used to place text on a navigation bar in Dreamweaver but I would strongly urge you to not create navigation that is not easy for the visitor to figure out.
The first is through the use of an alt tag thusly:
<a href="where_this_links_to"><<img src="images/your_nav_image" alt="What_the_link_is" /> </a>
This will be picked up in Firefox.
You may use the title attribute for all other browsers, which will cause a tool tip to appear after a certain hover time thusly:
<a href="where_this_links_to"><<img src="images/your_nav_image" alt="What the link is" title="What the link is" /> </a>
alt tags are required for screen readers to assist persons without sight and title tags are generally used to make what is not apparent, apparent.
Again, if your navigation is not understandable, your website design should be corrected so that it is.

Dreamweaver help! creating navigation bar?

how do i create a navigation bar. my dreamweaver help says a
nav bar has a up. down and over image but doesn't actually tell me
where to get this image or how to create it??
if this is going to be too complex i don't mind just having
my nav bars as text link but can't seem to spread my 7 links out
horizontally as i can only have two space bar in between each text?

You and me both my friend! I just got off the phone with
"tech support" trying to pay for a single incident ($35) so they
could walk me through putting a navigation bar on my website. It's
so frustrting dealing with some of these techs. I don't want to be
politically incorrect here, but I always wind up with someone I can
hardly understand ( accent ). This stuff is hard enough to follow
with a language barrier. Then I called in to tech support, they
told me I had to pay that I was out of complitmentary assistance,
so they transferred me to sales, who after speaking to two more
people I had trouble understanding, I was transferred back to tech.
support who asked me if I had paid for a plan! Then she says she
can take the credit card etc., when I got through with that she
tells me that she can't walk me through putting the nav. bar
directly on my web site, that I'll have to open a new page and to a
sample one. ( which means when I finish I'll have to remember all
the steps and try to duplicate it on my own site. ( you know how
that goes! ) It's infuriating. I wound up spending an hour and got
nothing, they couldn't even just charge my card so I'd have credit
toward one call later. ( I had to go after dealing with this for 45
minutes)
Anyway, You have to go to Firefox or maybe photoshop to
create the background image. I did some in Firefox, but for the
page background, not the nav. bar. You would open a new page, put
in the size ( pixels ) you need, then use the rectangle tool to
outline that which selects it. Then you can go to the bottom of the
screen and select the color and gradient tool to create some cool
color effects. The thing I don't know is how to know exactly what
size your navigation bar is going to be ahead of time so to size it
right. I understand it has to be exact. This tech told me that they
can't help with any "design issues", like color, where it goes in
your website, etc. If they talk you through how to do it on a blank
page and then you have trouble on your real website, well that's
another issue and another $35. But I don't even understand if they
will help you on the real website. NIGHTMARE!!!!

I need two (2) navigation bars

How do you create 2 (two) navigation bars on a page? I know
you're supposed to have only one, but I need two.
Or can I have one navigation bar distributing rollovers in
two different places on the page, say one at the top and one at the
bottom?
Is there another solution?
Thanks for help.

> The problem is when, for the second navigation bar, I
tried using the
> Insert/Image Objects/Navigation Bar function, so that
Dreamweaver
creates the
> behavior, I get a message saying that you can create
only one
navigation bar per page!
Yep, that's because the built-in DW navigation behavior is a
real
clunker. It's one of the ones i mentioned that would make
this hard.
You have a few options. One is to start over using a better
method.
But then you lose all your nice menus.
Another way, <here I am selling something!> is to
remove the DW
navigation behavior, but leave all the mouseover and mouseout
behaviors
in place, and then use my divavGPS DW Extension. It will work
nicely
with your mouseover image menus to highlight the current menu
item, like
the DW navigation menu behavior except it can work on any
number of
menus with a whole lot less code on the page. It also works
fine even
if these are on Template-based pages. < />
http://divahtml.com/products/divaGPS/current_menu_location.php
E. Michael Brandt
www.divaHTML.com
divaPOP : standards-compliant popup windows
divaGPS : you-are-here menu highlighting
divaFAQ : FAQ pages with pizazz
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Programmatically creating a navigation bar

I am attempting to programmatically create and drive an OAF Navigation Bar bean. I can successfully instantiate the OANavigationBarBean and get it to appear on the page. However, I am unable to programmatically add any links to the navigation bar. I have attempted to do this programmatically in the processRequest method of the Controller of page1, using the following code:
OAPageLayoutBean oapagelayoutbean = (OAPageLayoutBean)oawebbean;
OANavigationBarBean oanavigationbarbean = (OANavigationBarBean)createWebBean(oapagecontext, "NAVIGATION_BAR", null, "TheNavigationBar");
oanavigationbarbean.setValue(1);
oanavigationbarbean.setMinValue(1);
oanavigationbarbean.setMaxValue(5);
OALinkBean oalinkbean1 = (OALinkBean)createWebBean(oapagecontext, âLINK_BEANâ, null, "Step1");
oalinkbean1.setRendered(true);
oalinkbean1.setID("Step1");
oalinkbean1.setLabel("Step1Label");
oalinkbean1.setText("Step 1");
oalinkbean1.setUINodeName("StepOneNodeName");
oalinkbean1.setDestination("/oracle/apps/ak/myapp/server/page2");
oanavigationbarbean.addIndexedChild(oalinkbean1);
oapagelayoutbean.addIndexedChild(oanavigationbarbean);
This code compiles but doesnât do anything when the next button is clicked.
Has anyone else encountered this problem?

As you can see, you are in for a lot of work with this popup
menus...
read these 2 articles before going any further:
http://www.apptools.com/rants/jsmenu.php
http://www.apptools.com/rants/menus.php
The best way to use a navigation menu across all your pages
is to either use
DW templates or Server Side Includes. (SSI). However, the DW
popup
navigation system doesn't play nice with Templates.
There are better ways to build these menus, mention of this
is in the
articles above. The will be much easier to maintain across
your whole site.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
> Alright guys, I built a navigation bar in fireworks that
has all the
> pop-up
> menus for my schools website but I don't know if this is
the easiest way
> to do
> it. I need this navigation bar to be on every single
page of the site
> except
> the banner above the buttons will change. I thought the
easiest way to do
> this
> would be putting the fireworks HTML on each page and
then when I get ready
> to
> add links to the navigation bar I can just update that
HTML since its the
> same
> for all pages. But, I tried that and I still have to
update each page
> manually.
> Right now there are no links associated with the pop-up
menus and I need
> to
> start linking them to pages. The down side, I don't know
how to get the
> pop-up
> menus linked! HELP!
>
> Please let me know if there is an easier way to build a
navigation bar in
> Dreamweaver. Thanks!
>

Navigation bar moves

I've inserted a Flash navigation bar to the left of the
larger photos on my galleries. It's positioned just fine for a
panoramic but when I load another image, a vertical or full frame
horz. the nav bar moves up or down according to the size of the
photograph. I would like to have it anchored at a set distance from
the thumbnail images in the upper bar so it's not bouncing up and
down.
Here is a test page showing what I mean.
http://www.westlight.net/gallery/wildlifetest2.htm
This is probably DW8 101... or less but...help!

Put your navbar in a div above the gallery itself, center and
style it as
you wish .. then put the gallery in a div under that and it
should stay
within its div without interfering with the navbar.
Nice gallery. :)
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004:
A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"westlight" <[email protected]> wrote in
message
news:esuj8u$h2f$[email protected]..
> I've inserted a Flash navigation bar to the left of the
larger photos on
> my
> galleries. It's positioned just fine for a panoramic but
when I load
> another
> image, a vertical or full frame horz. the nav bar moves
up or down
> according to
> the size of the photograph. I would like to have it
anchored at a set
> distance
> from the thumbnail images in the upper bar so it's not
bouncing up and
> down.
>
> Here is a test page showing what I mean.
>
http://www.westlight.net/gallery/wildlifetest2.htm
>
> This is probably DW8 101... or less but...help!
>
>
>
>

IE Navigation bar bug

I use the Insert > Image Object > Navigation Bar wizard
to create a horizontal nav bar. It works great in every browser
tested except IE 6. On click the image disappears but the new image
does not appear until you mouseOut. If I add an alert to the mouse
down event then it works - as the "alert" takes focus.
feel free to view / help
http://72.167.143.33/

I am finding browsers like IE6 increasingly impossible to
work with, every error that dreamweaver seems to report for browser
compatability seems to be because of this. As far as I know there
is no simple way around this, I will be watching this thread to see
what others have to say though!
I have seen when looking at HTML some site's have a <IF
IE6> or something along them lines, can anyone shed anymore
light?
Thanks,
Dave

Adding A Navigation Bar To A Template...

Hello!
I have created a Dreamweaver Template that only needs to have a navigation bar added to it for it to be completed. However, when I click on the area I would like to add it to, click on Insert --> Image Objects --> Navigation Bar, nothing happens. What am I missing?
Thanks!

BigMusicGeek wrote:
I am using Dreamweaver CS4.
The option is there, but the dialog box does not appear.
Thanks!
I would attempt clearing the program cache and see if that does anything to bring back the dialogue box...
http://forums.adobe.com/thread/494811

Know why a navigation bar retains previous unwanted images?

Using CS3, I am trying to insert a new navigation bar. When I upload changes, the nav bar uses a combination of current images and old images from a previous nav bar. The "up image" is the problem as it maintains an image of a previous nav bar. I have deleted all the old images from local folder and from server, and cannot figure out how this new insert is picking up old attributes. I have determined unchecking "preload images" eliminates the problem, however now my images won't preload. After countless hours of no resolve, thought I would try a forum. Any thoughts?
djf

I cleared the cache and reset the browser before and no resolve. Just to clarify, these images are from a navigation bar that was created last year and never used. It seems as if there may be a data file somewhere on the server. I have cleaned everything out. Don't understand.

Template navigation bar

Hello, I’m new to dreamweaver so please excuse me for
what may be a stupid question. I have previously used golive, now
using dw cs3. I have created a site based on a template file
everything working fine. I was wondering if there was any way
possible of having the navigation bar (created in the template)
appear in the down or visited state when you entered a specific
page or do I have to insert a separate navigation bar in each
individual page. Can someone guide me if this is possible or has
anyone any suggestions? Thanks

It's quite simple, but we would need to know how you have
built your
navigation, and what your skill level is with HTML and CSS
first. Can you
post a link to the page, and tell us how well you know the
underlying
technology?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Liam McGrath" <[email protected]> wrote in
message
news:gkia5r$a39$[email protected]..
> Hello, I?m new to dreamweaver so please excuse me for
what may be a stupid
> question. I have previously used golive, now using dw
cs3. I have created
> a
> site based on a template file everything working fine. I
was wondering if
> there
> was any way possible of having the navigation bar
(created in the
> template)
> appear in the down or visited state when you entered a
specific page or do
> I
> have to insert a separate navigation bar in each
individual page. Can
> someone
> guide me if this is possible or has anyone any
suggestions? Thanks
>

Problems inserting a Fireworks navigation bar in Dreamweaver

Similar Messages

Maybe you are looking for