Inserting fireworks html into dreamweaver css

I have been using Fireworks CS4 to design layouts and export CSS into Dreamweaver CS4, which works just fine.
I want to import a Fireworks HTML pop-up menu in my CSS based Dreamweaver page. I have used Fireworks Export HTML and Dreamweaver's insert Fireworks HTML in the past but the pop-up behaviours are lost when I import it into a template that is CSS based. I figure I'm missing something simple, as usual.
Can the two be mixed? Do I need to edit the code view and insert a DIV manually or something? Can I just link to it with css somehow?
Getting rather frustrated now!

I had a lengthy reply written for this but lost it when I was logged out - seems the forum has a bit of a problem at the moment (at least for me !).
I'm not up to re-writing it all again, but in essence, I agree totally with Nancy, do not use html generated by Fireworks or any graphics program for that matter. If you were to ask the same question over at the FWs forum, you would be told the same thing, exporting HTML and CSS is ok for protypes, but not for live production sites.
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
The rule of thumb is to design the layout in FWs but build the site in Dreamweaver. The Spry menus are much better than the old popup menus, but the customisation of them does depend on your knowledge of CSS.
Customizing a Spry Menu:
http://foundationphp.com/tutorials/sprymenu/customize1.php
There are many websites that show how to use CSS to create nicely styled menus, including Dropdowns and I'm sure with a lot less code bloat :-)
Basic css menus: horizontal / vertical:
http://css.maxdesign.com.au/listamatic/index.htm
CSS Dropdown menus by Suckerfish:
http://www.htmldog.com/articles/suckerfish/dropdowns/

Similar Messages

Inserting Fireworks HTML into a Dreamweaver template

I've created a dreamweaver cs3 template for my website. I've
also created a menu in fireworks which has popup menu's. If I
create a new page (not from a template) and insert the fireworks
html, everything works fine when I try to preview it.
However, if I insert the fireworks html into a page created
from a template, or even the original template file, the image of
the menu is inserted and can be viewed, but the popup menu's do not
appear. Any thoughts or suggestions?

Which version of FW? If FWMX 2004 or earlier, you would need
to read this
carefully -
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
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
==================
"hraklis_1" <[email protected]> wrote in
message
news:g4p0l0$lak$[email protected]..
> I've created a dreamweaver cs3 template for my website.
I've also created
> a
> menu in fireworks which has popup menu's. If I create a
new page (not from
> a
> template) and insert the fireworks html, everything
works fine when I try
> to
> preview it.
>
> However, if I insert the fireworks html into a page
created from a
> template,
> or even the original template file, the image of the
menu is inserted and
> can
> be viewed, but the popup menu's do not appear. Any
thoughts or
> suggestions?
>

Javascript missing when insert Fireworks html to Dreamweaver

I tried to insert fireworks html in a Dreamweaver file. After importing the fireworks html in the Dreamweaver document, the associated Javascript code was missing.
Of course, the Fireworks html file includes the Javascript code and works properly. It is just that when I insert the Fireworks html into the Dreamweaver file, the associated Javascript code gets lost although the manual clearly says that fireworks html is inserted "along with its associated images, slices, and JavaScript".
I use Fireworks CS5 and Dreamweaver CS5, but I also tried it using FW CS4 and DW CS4 which did not solve the problem.
I tried two ways to insert the html code (both with the same negative result):
1.) using the DW menu: Insert > Image Objects > Fireworks HTML
2.) Copying the HTML to the clipboard in Fireworks, and then pasting it into the Dreamweaver document
Of course, I could insert the Javascript code manually, but then I would have to detach the associated template from the DW doc, and I would rather not do that because then later updates to the site will become more complicated.
BTW, I also tried to insert the fireworks html in another Dreamweaver document not using any template, but the JavaScript code got lost though.
I would be very grateful if somebody had an idea how to solve this problem.
Thanks

Thank you for your answer.
"Is the javascript inline with the HTML or does it point to an external resource (like and external JavaScript file)? "
inline.
"Does using code view differ from design view as you insert the Fireworks material?"
No
"are you trying to paste this Fireworks code into a non-editable region of a Dreamweaver template?"
No

Javascript code missing when inserting Fireworks html into DW document

I tried to insert fireworks html in a Dreamweaver file. After importing the fireworks html in the Dreamweaver document, the associated Javascript code was missing.
Of course, the Fireworks html file includes the Javascript code and works properly. It is just that when I insert the Fireworks html into the Dreamweaver file, the associated Javascript code gets lost although the manual clearly says that fireworks html is inserted "along with its associated images, slices, and JavaScript".
I use Fireworks CS5 and Dreamweaver CS5, but I also tried it using FW CS4 and DW CS4 which did not solve the problem.
I tried two ways to insert the html code (both with the same negative result):
1.) using the DW menu: Insert > Image Objects > Fireworks HTML
2.) Copying the HTML to the clipboard in Fireworks, and then pasting it into the Dreamweaver document
The Fireworks and the Dreaweaver files are both HTML4 docs.
Of course, I could insert the Javascript code manually, but then I would have to detach the associated template from the DW doc, and I would rather not do that because then later updates to the site will become more complicated.
BTW, I also tried to insert the fireworks html in another Dreamweaver document not using any template, but the JavaScript code got lost though.
I would be very grateful if somebody had an idea how to solve this problem.
Many thanks for your help!
Siria
Message was edited by: SiriaW

Dear Murray,
I believe you can solve your problem by changing this -
</head>
to this -

</head>
by editing this template directly.
I tried this, but it did not change anything. As I wrote before, the JavaScript code is not even inserted when I use a "blank", not-template-controlled DW page.
But nevertheless, your hint is very helpful. By making the complete head editable, I can at least insert the Javascript code manually.
But is the javascript that is currently shown there part of the FW HTML insertion? Do you want to preserve that on the child pages?
It belongs to the template. And yes, I want to preserve it on the child pages. I just want to insert this into the head of the child page:
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
Maybe we should see the FW code you are trying to insert?
Sure. Here is the code I tried to insert (of course, most of the Java Script does not need to be inserted as it is already in the template):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>example.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script language="JavaScript">

</script>
</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('example_bilder/example_r2_c2_s2.jpg','example_bilder/example_r2 _c2_s3.jpg','example_bilder/example_r1_c4_s1.jpg','example_bilder/example_r4_c2_s2.jpg','e xample_bilder/example_r4_c2_s3.jpg','example_bilder/example_r1_c4_s2.jpg','example_bilder/ example_r6_c2_s2.jpg','example_bilder/example_r6_c2_s3.jpg','example_bilder/example_r1_c4_ s3.jpg','example_bilder/example_r8_c2_s2.jpg','example_bilder/example_r8_c2_s3.jpg','examp le_bilder/example_r1_c4_s4.jpg','example_bilder/example_r10_c2_s2.jpg','example_bilder/exa mple_r10_c2_s3.jpg','example_bilder/example_r1_c4_s5.jpg');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="915">

<tr>
   <td><img name="example_r1_c1_s1" src="example_bilder/example_r1_c1_s1.jpg" width="58" height="274" border="0" alt=""></td>
   <td><table style="display: inline-table;" align=""left" border="0" cellpadding="0" cellspacing="0" width="195">
      <tr>
       <td><img name="example_r1_c2_s1" src="example_bilder/example_r1_c2_s1.jpg" width="195" height="68" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r2_c2_s1','example_bilder/example_r2_c2_s2.jpg',' example_bilder/example_r2_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r2_c2_s1','example_bilder/example_r2_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s1.jpg',1);"><img name="example_r2_c2_s1" src="example_bilder/example_r2_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r3_c2_s1" src="example_bilder/example_r3_c2_s1.jpg" width="195" height="14" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r4_c2_s1','example_bilder/example_r4_c2_s2.jpg',' example_bilder/example_r4_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r4_c2_s1','example_bilder/example_r4_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s2.jpg',1);"><img name="example_r4_c2_s1" src="example_bilder/example_r4_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r5_c2_s1" src="example_bilder/example_r5_c2_s1.jpg" width="195" height="15" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r6_c2_s1','example_bilder/example_r6_c2_s2.jpg',' example_bilder/example_r6_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r6_c2_s1','example_bilder/example_r6_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s3.jpg',1);"><img name="example_r6_c2_s1" src="example_bilder/example_r6_c2_s1.jpg" width="195" height="17" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r7_c2_s1" src="example_bilder/example_r7_c2_s1.jpg" width="195" height="14" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r8_c2_s1','example_bilder/example_r8_c2_s2.jpg',' example_bilder/example_r8_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r8_c2_s1','example_bilder/example_r8_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s4.jpg',1);"><img name="example_r8_c2_s1" src="example_bilder/example_r8_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r9_c2_s1" src="example_bilder/example_r9_c2_s1.jpg" width="195" height="15" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r10_c2_s1','example_bilder/example_r10_c2_s2.jpg' ,'example_bilder/example_r10_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r10_c2_s1','example_bilder/example_r10_c2_s 3.jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s5.jpg',1);"><i mg name="example_r10_c2_s1" src="example_bilder/example_r10_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r11_c2_s1" src="example_bilder/example_r11_c2_s1.jpg" width="195" height="67" border="0" alt=""></td>
      </tr>
    </table></td>
   <td><img name="example_r1_c3_s1" src="example_bilder/example_r1_c3_s1.jpg" width="69" height="274" border="0" alt=""></td>
   <td><img name="example_r1_c4_s1" src="example_bilder/example_r1_c4_s1.jpg" width="539" height="274" border="0" alt=""></td>
   <td><img name="example_r1_c5_s1" src="example_bilder/example_r1_c5_s1.jpg" width="54" height="274" border="0" alt=""></td>
</tr>
</table>
</body>
</html>

Javascript missing when inserting Fireworks html to Dreamweaver

When importing a javascript rollover menu from Fireworks to Dreamweaver, the buttons are recognized as buttons, but the different states don't appear. Anyone? Beuhler?

OK I did a test with your file and the quick one I created. I can reproduce your issue when I use the Navbar behavior. WIth simple rollovers things work fine, but for some reason, DW is ignoring the JavaScript when I try to insert the FW HTML into a new or existing file, when the navbar JS is used.
FW is exporting the script; if you open the HTML file generated by FW, you will see the JS in the head of the document. But something is happening in DW when it tries to insert this html content into a page. Very weird. I honestly don't know if this is a DW issue or an FW issue. I admit I'm leaning toward DW, if only because the exported file from FW does work correctly.
If you like I will pass this onto the FW engineers, with your sample file.
Keep in mind my original comment still stands (espeically with navigation like your smaple, which is all text-based); strongly coonsider doing this kind of thing using and unordered list and styling the navigation using CSS. Far more flexible and accessible in this manner.

Help me please haveing trouble inserting fireworks HTML to dreamweaver

when trying to insert a fireworks html that i exported from
fireworks mx using the export wizard as soon as i choose the file
to insert into dreamweaver i get an error message that says
A script in file C:\Program Files\Macromedia\Dreamweaver
MX\Configuration\Shared\MM\Scripts\insertFireworksHTML. js has been
running for a long time. Do you want to continue?
When i click yes it just comes up with the same message
multiple times and than after a couple times and than goes back to
the begging and does not do anything
I do not know why it is doing this it does this on multiple
computers that i have tried it on

You can try this simple fix -
Quit DW.
Find this file-
C:\Documents and Settings\<username>\Application
Data\Macromedia\Dreamweaver
8\Configuration\WinFileCache-*.dat
(these folders are normally hidden - you may have to use
Explorer > Tools >
Folder Options to unhide them)
and delete it.
Restart DW. Works better?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"homeydog2323" <[email protected]> wrote in
message
news:e0sbe3$70c$[email protected]..
> when trying to insert a fireworks html that i exported
from fireworks mx
> using
> the export wizard as soon as i choose the file to insert
into dreamweaver
> i get
> an error message that says
>
> A script in file C:\Program Files\Macromedia\Dreamweaver
> MX\Configuration\Shared\MM\Scripts\insertFireworksHTML.
js has been
> running for
> a long time. Do you want to continue?
>
> When i click yes it just comes up with the same message
multiple times and
> than after a couple times and than goes back to the
begging and does not
> do
> anything
>
> I do not know why it is doing this it does this on
multiple computers that
> i
> have tried it on
>

Insert ImageReady HTML Into Page

I created a very cool navigational graphic with remote
rollovers, all sliced up and ready to go. I did the standard 'Save
Optimized As...' and have an HTML file with a subfolder of graphic
image slices.
Now I want to insert this HTML into a page and it won't do
it. I even downloaded the exchange extension for this, but that
extension was created back in 2000 and apparently it doesn't work
(you get an error if you try to insert it). You can't use the
Insert Fireworks HTML either because it says it's not a fireworks
doc and rejects the insert.
OK... now why is it the best image editing software is not
compatible with the best web design software..... when they are
both owned by adobe now? suggestions other then reslicing
everything all over in fireworks?

Copy and paste? It shouldn't be hard....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jsteinmann" <[email protected]> wrote in
message
news:ejaesd$pj4$[email protected]..
>I created a very cool navigational graphic with remote
rollovers, all
>sliced up
> and ready to go. I did the standard 'Save Optimized
As...' and have an
> HTML
> file with a subfolder of graphic image slices.
>
> Now I want to insert this HTML into a page and it won't
do it. I even
> downloaded the exchange extension for this, but that
extension was created
> back
> in 2000 and apparently it doesn't work (you get an error
if you try to
> insert
> it). You can't use the Insert Fireworks HTML either
because it says it's
> not a
> fireworks doc and rejects the insert.
>
> OK... now why is it the best image editing software is
not compatible with
> the
> best web design software..... when they are both owned
by adobe now?
> suggestions other then reslicing everything all over in
fireworks?
>

Importing Fireworks CC html into Dreamweaver CC

Hi guys. Hope you can assist.
I have never encountered this problem before. I have always used Fireworks to "cut up" my flat designs from Photoshop, export it as html (nav bars, footers, etc) and then I simply import it into a Dreamweaver html page in which I have created a table.
Now I suddenly have an issue where the Fireworks html table is broken once I import it into Dreamweaver - viewed by itself it's perfect - even in Dreamweaver its perfect. It also adds a space underneath the FW html/table.
Only when I view it in a browser does it appear messed up.
What is causing this?
Thanks in advance.

That looks like it could be the browser default text descender padding from the html5 doctype, and/or the IE linked image border.
Add the following to your css...
img {
display:block;
a img {
border:none;

Insert Fireworks HTML code in a Dreamweaver document

When trying to insert a FW's made html into my DW web page, I
get the following error:
While executing onClick in FireworksHTML.htm, the following
JavaScript error occured:
At Line 654 of file "C:\Program Files\Adobe\Adobe
DreamweaverCS3\Configuration\Shared\MM\Scripts\insert
FireworksHTML.js"; The object is not currently contained in a
document.
Please explain why I am getting this message. Thank
you

In the Export Wizard dialog boxes, choose Options, then check
the Use CSS For Popup Menus and check the Write CSS to an external
file. I no longer get the error message and the navigation works
properly.
Because I like to understand the specifics of what is going
on, if anyone knows the explaination, it would be greatly
appreciated.

Dreamweaver cs6 insert fireworks html

Hi,
I made this facebook button on fireworks cs6 as you can see the image on the link:
http://prntscr.com/1w8rm4
so i choose on fireworks to:
1-wen we hover whith the mouse it turns blue.
2-and wen we click it it turns darker grey.
but wen i export it as html to dreamweaver cs6 it doesnt work,
it appears normal but wen we hover over it it doesnt turn blue, wen we click it it also stays the 1 st color,
the only thing it still does is redirect to htto://www.facebook.com
can you tellmehow to do this.
this is how i exported it as you can see on the link of the prtscreen image:
http://prntscr.com/1w8t6u

Here it is the full firefox html document from fireworks export:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>footer_social_icons.png</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script language="JavaScript">

</script>
</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('images/footer_social_icons_r1_c1_s2.png','images/footer_social_ icons_r1_c1_s3.png','images/footer_social_icons_r1_c3_s2.png','images/footer_social_icons_ r1_c3_s3.png','images/footer_social_icons_r1_c5_s2.png','images/footer_social_icons_r1_c5_ s3.png','images/footer_social_icons_r1_c7_s2.png','images/footer_social_icons_r1_c7_s3.png ');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="280">

<tr>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="8" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="8" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="7" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="64" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
   <td><a href="http://www.facebook.com" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c1','images/footer_social_icons_r1 _c1_s2.png','images/footer_social_icons_r1_c1_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c1','images/footer_social_ic ons_r1_c1_s3.png',1);"><img name="footer_social_icons_r1_c1" src="images/footer_social_icons_r1_c1.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c2" src="images/footer_social_icons_r1_c2.png" width="8" height="64" alt=""></td>
   <td><a href="http://www.twitter.com" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c3','images/footer_social_icons_r1 _c3_s2.png','images/footer_social_icons_r1_c3_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c3','images/footer_social_ic ons_r1_c3_s3.png',1);"><img name="footer_social_icons_r1_c3" src="images/footer_social_icons_r1_c3.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c4" src="images/footer_social_icons_r1_c4.png" width="8" height="64" alt=""></td>
   <td><a href="http://www.linkedin.com" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c5','images/footer_social_icons_r1 _c5_s2.png','images/footer_social_icons_r1_c5_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c5','images/footer_social_ic ons_r1_c5_s3.png',1);"><img name="footer_social_icons_r1_c5" src="images/footer_social_icons_r1_c5.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c6" src="images/footer_social_icons_r1_c6.png" width="7" height="64" alt=""></td>
   <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','footer_social_icons_r1_c7','images/footer_social_icons_r1 _c7_s2.png','images/footer_social_icons_r1_c7_s3.png',1);" onClick="MM_nbGroup('down','navbar1','footer_social_icons_r1_c7','images/footer_social_ic ons_r1_c7_s3.png',1);"><img name="footer_social_icons_r1_c7" src="images/footer_social_icons_r1_c7.png" width="64" height="64" alt=""></a></td>
   <td><img name="footer_social_icons_r1_c8" src="images/footer_social_icons_r1_c8.png" width="1" height="64" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="64" alt=""></td>
</tr>
</table>
</body>
</html>
So do i have to copy the script at the <head> to to my web site to make it work?

Fireworks buttons into Dreamweaver

Hello,
I have made some simple buttons in Fireworks that I would like to export and place in Dreamweaver. The buttons are symbols with an up and over state, but additionally I have added pop-up menus to each button. I know how to export and place buttons into Dreamweaver without the pop-up menus... just insert them as rollover images. But after adding the pop-up menus and exporting the button as images, html, and slices I don't know what to do to get them to work in Dreamweaver. Just inserting the html doesn't work... the buttons just appear as a stagnant image. There appears to be some JavaScript that was generated when I made the buttons... do I have to do something with that?
If anyone can think of a way to get my buttons to work interactively in Dreamweaver I would really appreciate it! Thank you so much!

Here's the reason why Alec suggested (and I totally agree) that the FWs built dropdown menus shouldn't be used.
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
http://apptools.com/rants/jsmenu.php
http://apptools.com/rants/menus.php
There is a new alternative which are the Spry Menus, but even those aren't something that I'd choose for a navbar for a site of mine.
Here's a tutorial that helps you build a complete CSS driven dropdown menu - user friendly, easily to build and definitely SEO friendly.
http://htmldog.com/articles/suckerfish/dropdowns/
Nadia
Adobe® Community Expert : Dreamweaver
http://twitter.com/nadiap
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/

Inserting Fireworks HTML

I have inserted an HTML image from Fireworks into
Dreamweaver. It has converted to an AP element within Dreamweaver.
It is a drop down menu which is functional, the only problem is
when I preview it in Internet Explorer the image shifts to the
right. I have set the page margins and the L and T values but it
still seems to shift.
Does anyone know how to fix this problem?

Have you previewed it in another browser, like Firefox? If
so, what happens? IE 6 has some bugs regarding CSS, so it's always
a good check to test in another browser in addition to IE 6 to
determine if it's a browser-specific problem.

Need Help with Firework HTML in Dreamweaver

I'm using dreamweaver 8 for a project. I want to seek council
with someone. Basically my web page's tool bar is an image. I
thought to do it this way because if I change the image i'd just
have to change the new image to the old file name and everything
would transfer with out me having to do it to every page.
Here's my problem, the image is a fireworks HTML. and I
didn't realize this at first but dreamweaver does the Fireworks
HTML by inserting html code to page for the links. So when i change
the image, the code is still up there from the previous image. This
means i have to go page for page reloading the image and upload all
the websites to the server again.
Is there any way I could program dreamweaver to change the
code for all the pages, or have it reload that html code for all
the pages at once?
If there is anyone out there that can answer, I humblely
implore you to answer for my own sanity.

Look into using server side includes (SSI's) for navigation
and other common elements.

How to style a custom form that's been inserted as HTML into Muse

Apologies in advance if something similar already exists, and as a print-based designer I'm likely to use incorrect terminology.
I've created a basic website that requires a custom form. I've created this form using dreamweaver as it requires a dropdown and a check box. The unstyled html from DW I then insert into Muse via the 'Insert HTML' function, on a page called 'booking form'
To style it I did the following...
- Opened the form I created back in DW and added classes to the labels .formname, and added a class to some terms and conditions that sits somewhere in the form and called that .formsubtext
- Copied all of this code and inserted it back into Muse via Insert HTML
- The form shows up unstyled as expected
- I export the site as HTML
- Go into the exported folder into the CSS, and into the corresponding css file booking-form.css
- Added some custom CSS styling to reflect the font and colour I wanted to use
- Re-uploaded those edited files
- The result was that it rendered the class .formsubtext reflecting the terms and conditions as it should but not all the other labels
Would someone be able to tell me a better way to style a custom form or point out what I've done wrong.
Thanks!!!

If you have structured your HTML markup for the form well using appropriate class and id names, then you can just add corresponding CSS using the <style> element in the "HTML for <head>" section in Page Properites > Metadata.
You may also choose to add all the CSS in a separate file and add reference to that in the HTML for <head> section and then upload the CSS file in appropriate location after publish.
Cheers,
Vikas

How do i insert javascript stuff into dreamweaver?

okay, first of all, im a total idiot when it comes to
javascript and CSS, so please expect me to ask a lot of stupid
questions.
basically, i want to know how to insert a javascript file
into your dreamweaver website. for example, i have a drop down menu
i made using a program called Sothink DHTML Menu 9, and im not sure
how to put that into dreamweaver. Can anyone help?

Doesn't validate.
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
==================
"GPaul" <[email protected]> wrote in message
news:gnhu94$ird$[email protected]..
> I'm not familiar with the <burp> tag?
>
> "Al Sparber - PVII" <[email protected]>
wrote in message
> news:gnhu4j$ikv$[email protected]..
>> "name294" <[email protected]> wrote
in message
>> news:gnhtst$ic6$[email protected]..
>>> okay, i just want to know if this program lets
you customize your
>>> drop-down
>>> menus. from what i saw from the movie, they
don't seem to give you the
>>> greatest
>>> freedom in customization.
>>
>> The freedom is actually total. Yes, you choose a
style theme, but once
>> you do the system writes a style sheet which is
fully editable - just
>> like a <burp> Spry style sheet </burp>
>>
>>> it seems like that you get a selection of
pre-made menus and you have to
>>> select which one you wanna use. I want to have a
program that lets you
>>> design
>>> your own menu looks from imported images.
>>>
>>> does projectseven do that?
>>
>> Yes.
>>
>> You might want to have a look at PMM2 (which has
replaced the one you
>> looked at):
>>
http://www.projectseven.com/products/menusystems/pmm2/carbon.htm
>>
>> And also the tweaks section here:
>>
http://www.projectseven.com/products/menusystems/pmm2/tweaks/index.htm
>>
>>
>> --
>> Al Sparber - PVII
>>
http://www.projectseven.com
>> The Finest Dreamweaver Menus | Galleries | Widgets
>>
http://www.projectseven.com/go/pop
>> The Ultimate DW Menu System
>>
>>
>>
>>
>>
>>
>
>

Inserting fireworks html into dreamweaver css

Similar Messages

Maybe you are looking for