Overlaying Fireworks HTML onto Dreamweaver background

Hi all,
In an ideal world what I would like to be able to do would be
to place a background image in DW coded to adjust automatically to
the user's browser size with my 800x600 (or thereabouts) Fireworks
HTML export placed over the top.
How can I get to see the background image through the
Fireworks file - do I have to export transparent gif slices for
every area where there is no image on the fireworks canvas....or is
there an easy way.....??

LindnArden wrote:
> How can I get to see the background image through the
Fireworks file - do I
> have to export transparent gif slices for every area
where there is no image on
> the fireworks canvas....or is there an easy way.....??
Export HTML slices instead of image slices. You can change
the setting
in the Property inspector.
Linda Rathgeber ACE ::: PVII
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Adobe Community Expert - Fireworks
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Similar Messages

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.

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
>

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/

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

Nesting Fireworks HTML in Dreamweaver Layer?

http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=12&catid=189&threadid =1187756&enterthread=y

Start by reading this page -
http://www.great-web-sights.com/g_layerlaws.asp
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
==================
"Shyid" <[email protected]> wrote in message
news:[email protected]...
> Hi, I?ve recently created a banner graphic, including
popup menus, in
> Fireworks
> for my website. You can see the banner acting as I
intend it to on the
> following page:
>
>
http://www.theundergroundnation.com/test1.htm
>
> Notice that the popup menus are positioned so that one
side is flush with
> the
> button that reveals them.
>
> However this positioning is of issue on the following
page, I have the
> banner
> on a hidden layer (Layer 1) in Dreamweaver, upon mouse
over of the table
> at
> the top of the page (Layer 2) Layer 1 is revealed
displaying the Fireworks
> html. The Entire page is covered in an invisible layer
(Layer 3). Upon
> Mouse
> over of Layer 3, Layer 1 is again hidden. I should note
that the
> positioning
> problem of the popup menus occurs regardless of Layer
3?s existence.
> Layers 1
> and 2 are inside a table (w 780 px) that is centered on
the page for
> aesthetic
> purpose.
>
>
http://www.theundergroundnation.com/template.htm
>
> I know the issue is because of the layers, fireworks
sets the positioning
> relative to the top left corner, and because I have the
layers within a
> table
> that is centered on the page, this is obviously throwing
the numbers off.
> Notice that if you change the width of your browser, the
menus shift
> position.
> The wider your browser the further to the left the menus
appear.
>
> I?ve heard rumors of nesting layers etc? Could I somehow
nest the
> fireworks
> html within the layer to fix this problem? Any help is
appreciated thanks.
> I
> also have access to Flash if that makes any difference.
>
> To answer some questions in advance; I could ditch the
show hide layers
> all
> together and just leave the banner at the top of the
page as I do in the
> following page:
http://www.theundergroundnation.com/test1.htm
. Without
> the
> layers I can center the banner without any issue;
however it is my intent
> to
> only leave the banner visible on the main pages of the
site due to its
> large
> size. Seeing as most people still keep their monitor at
800x600 I want to
> use
> the rollover effect to save headroom on the sub pages of
the site,
> especially
> for pages congaing photographs, I want the full photo to
be totally
> visible
> upon loading the page.
>
> Anyhow, if you haven?t noticed I?m mildly OCD about my
design. Any help
> appreciated, thanks.
>
>

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.

Can not set source file for Fireworks png in Dreamweaver

I recently purchased Adobe Design Premium CS5 to replace my CS3, but I have a big
problem. When I export a png in Fireworks to Dreamweaver it does not set the source
file correctly. It places the Fireworks object on the page, but when I select the table
that holds the Fireworks object, the path for the source on the Properties panel is
wrong - it says menu2.png. The correct document relative path is dress_images/menu2/menu2.png.
When I drag the Point to File icon over the menu2.png on the Files panel, it correctly displays
the full path, but when I let go of it, it sets the path back to menu2.png. I can not even type it
in the source box and get it to stay.
Here is the problem. When I click on the Edit button, it says it can't find the png. It is using
the full path from the C: drive instead of the document relative path. If I browse to the png file
and open it in Dreamweaver then click the Done button, it saves the png file but does not change
any of the content on the HTML page.
Fireworks and Dreamweaver CS3 worked perfectly here. Help!
I just tried to do this on another computer. This time when I pasted the Fireworks HTML onto the
page in Dreamweaver it set the path correctly (it was a root relative path instead of a document
relative path). I tried to edit in Fireworks using the Edit button, and it opened Fireworks without
any problem. I made some changes then clicked the Done button. Now the Done button is suppose
to be like magic. It is suppose to save the changes to the png file, make the changes on the HTML
page in Dreamweaver, and change any of the supporting files (images) that have been edited. It
always worked this way in CS3, and anything less than this would be a huge step backwards. In this
case, it saved the changes to the png, but did not make any other changes. The web page in
Dreamweaver is still the same. How do I get the Done button to work its magic using CS5.
Another problem - when I paste the code onto the page, the page looks totally messed up. If I save it
and reopen it then it looks fine. However, this never occurred with CS3. Aren't updates to software
suppose to be improvements?
Thanks.
Nathan

Yes, the web site is correctly defined in Dreamweaver. I teach web design for both high school and
adult school, and I have done this procedure 100's of times with CS3. There is something different with
CS5. I took your suggestion and imported the Fireworks HTML using Insert -> Image -> Fireworks HTML,
but it still does not work. I can edit it in Fireworks, hit the Done button, and the png file is saved but
the HTML page remains the same.
Also, the export does not get the path right, and it will not let me set the path right. The only way the path
is right is if the page that I am pasting the Fireworks HTML is in the same folder as the png. It always
sets the png's path as menu.png. Therefore, if the page is in a different folder, the document relative path
won't find it. This was never a problem with CS3. In fact, you could paste the code using Control-V and it
would work 100% of the time. That is how we always did it. When exporting from Fireworks, I would set
Export to "copy to clipboard" then move to Dreamweaver, click where I wanted the code pasted and do Control-V and presto it would
always work. You could come back a month later, select the table, click the Edit button, make changes
in Fireworks, click the Done button and the changes would be reflected on the HTML page in Dreamweaver without
doing anything more. I have tried it with "copy to clipboard" and I have tried it with "export HTML file". Neither
works. There is definitely something different between CS3 and CS5, and right now I am missing CS3.
Thanks for your help. I will keep fighting this until I get it, but any additional input would be appreciated.
Nathan

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;

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?
>

HTML Emails and background images in Dreamweaver

Hello. I created a HTML email in Dreamweaver. The original design came out of Indesign and had very specific background art. I removed all the text out of the Indesign and created a jpg. I took this jpg in Photoship and sliced and optimized it. I imported this HTML into Dreamweaver. Here I need to add in all the text (which is variable). I was originally thinking that you can only place background images with CSS. But I was told that you should not use CSS for HTML emails. So instead I left all the background art as normal images inside of a table. At this point I need to add text over these images. They only way I could figure out to do it was to add a div tag right over the image and type into there. This seemed to work fine but when I tested it in some emails all the div tags with text showed up under the table with images. This needed to display over. What is the best way to handle this issue? Thank you in advance.
Melanie

Sorry, but you cannot layer text over images in emails. Simplify your design or make an image with text on it in Photoshop. Use absolute URLs to images on your web server. And give people who can't see graphics and HTML pages in their email client a link to the HTML page on your web server.
How to Code HTML Emails
http://www.sitepoint.com/article/code-html-email-newsletters/
Chart showing how various email clients handle CSS.
http://www.campaignmonitor.com/css/
Download some HTML Email Templates from the links below to get started.
Mail Chimp
http://www.mailchimp.com/resources/html_email_templates/
Constant Contact
http://www.constantcontact.com/email-marketing/html-email-templates/index.jsp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

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 HTML aligning problem

Hi, i'm having problems with aligning Fireworks HTML objects
with either an image set as a background or a regular image.
I built a layout on fireworks, which I then cut into 4 parts.
Banner, Nav bar (which will be linked to named anchors on
dreamweaver), body (which will hold the main content), and footer.
I created a table in Dreamweaver. The top row has no colomns. It
holds the banner. The second row has 2 colomns. One for the nav bar
to the left, and one for the body to the right. The bottom row has
no colomns. It holds the footer. The banner and nav bar were
imported as Fireworks HTML since they are complete with slices and
everything. I was hoping to add content to the body and footer
using Dreamweaver, so I imported those as Background Images for
those particular cells since the only way to write on top of an
image is if it is set as a background. The nav bar I imported from
Fireworks HTML seems disconnected from the rest of the website.
There is a small 1pixel space between the nav bar, and the body to
its right, and also between the nav bar and the banner. Also, the
banner seems to be aligned maybe 1 or 2 pixels more to the left
than the body. It seems like the Fireworks HTML I imported wont
aligne itself perfectliy with the rest of the website. Is there any
way to fix this?

"quixx" <[email protected]> wrote in message
news:f3vnm6$i79$[email protected]..
> It seems like the Fireworks HTML
> I imported wont aligne itself perfectliy with the rest
of the website. Is
> there
> any way to fix this?
Yes, build the whole page in DW itself, don't export the html
generated from
Fireworks.
From what you describe it would be a straight forward process
in DW. Create
your tables with enough cells/rows to create either the nav
and then the
content area in DW and then insert your sliced images into
the cells as
needed.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au

Trying to export html to dreamweaver but save images as pngs.

I'm designing a floating site. My workflow is PS=====>Fireworks====>Dreamweaver. I made a navbar in FW with a transparent background and exported html to dreamweaver. I inserted the fireworks htm, put it online and it looks terrible. You can see it here:
http://www.njtraininggrounds.com/thirddaydesign.com/identity.html
Don't worry about the portfolio button, I know what's going on there. But I can't figure out why there is "stairstepping" on the logo and on all the navbar buttons. This is the first time I've ever created a floating site. I just put a jpeg for repeat using the dreamweaver css, and then inserted the rest in a table. I got some good replies in dreamweaver forums, but they all centered around saving the images when you export as pngs or as transparent gifs with a green matt. How can I do this with fireworks cs3?
Could anyone give me an idea of what I'm doing wrong? Thanks so much.
Wil

The GIF format supports only one value of transparency. Your text, when anti-aliased against whatever background in Fireworks (transparent?), probably looks fine. When you export, though, you lose the smooth transition. (If you zoom in, you can see the blending of text to background and that's what you're losing.)
You have two options.
You can still use the GIF format. Just pick a green value out of your background image and use that for your canvas. Then, when you export, set that color to transparent. Where the pixels of the text and that color blend for the anti-aliasing, you'll have opaque pixels, but they'll look all right against your background image.
Use a PNG8, which is an indexed palette like the GIF, but it supports semi-transparent colors. When you go to export, you may want to add more colors using the eye dropper tool, as FW doesn't quite pick out all the values it might for a smooth image. See this article:
http://blogs.sitepoint.com/2007/09/18/png8-the-clear-winner/
(I like exporting through File>Image Preview, myself.)

Lining some divs up, one with a fireworks html and another with a jQuery slideshow

I am having an issue lining two divs up within a div. One div has a fireworks html in it (by the way, I can't figure out why that the button states arent' working. I inserted the code via the insert menu > image objects > fireworks html, but for some reason the button states work. When I open the navbar.htm in the file browser, it opens it up in dreamweaver and it works perfectly in live preview). The other div has a simple jQuery slideshow. I have these two divs in a greater overall div named "div id=wrapper". How can I line these up so that the nav div and body div are flush against each other within the wrapper div?
I plan on putting additional divs above and below the wrapper div for more content. If anyone has insight on why the fireworks html isnt working when inserted, that would be great!!
Here is the code:
<!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>Richard J. Craddock Designs</title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-8']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="stylesMain.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #2f2f2f;
width: 50 em;
.fadein { position:relative; height:332px; width:500px; }
.fadein img {
position:absolute;
left:0px;
top:0px;
width: 784px;
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
</style>
<script src="scripts/jquery.min.js"></script>
<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
</script>
</head>
<body>
<div id="wrapper">
    <div id="navdiv">
      <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="148">
        
        <tr>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="148" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
        </tr>
        <tr>
          <td><a href="http://www.rjcraddockdesigns.com/company profile.php" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','craddocknavbar_r1_c1_s1','images/craddocknavbar_r1_c1_s2. jpg','craddocknavbar_r1_c1_s4.jpg',1);" onclick="MM_nbGroup('down','navbar1','craddocknavbar_r1_c1_s1','images/craddocknavbar_r1_ c1_s3.jpg',1);"><img name="craddocknavbar_r1_c1_s1" src="images/craddocknavbar_r1_c1_s1.jpg" width="148" height="65" border="0" id="craddocknavbar_r1_c1_s1" alt="Richard J. Craddock Landscape Design in Nantucket: Company Profile" /></a></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="65" border="0" id="undefined_2" /></td>
        </tr>
        <tr>
          <td><a href="http://www.rjcraddockdesigns.com/services.php" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','craddocknavbar_r2_c1_s1','images/craddocknavbar_r2_c1_s2. jpg','images/craddocknavbar_r2_c1_s4.jpg',1);" onclick="MM_nbGroup('down','navbar1','craddocknavbar_r2_c1_s1','images/craddocknavbar_r2_ c1_s3.jpg',1);"><img name="craddocknavbar_r2_c1_s1" src="images/craddocknavbar_r2_c1_s1.jpg" width="148" height="65" border="0" id="craddocknavbar_r2_c1_s1" alt="Richard J. Craddock Landscape Design in Nantucket: Services" /></a></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="65" border="0" id="undefined_2" /></td>
        </tr>
        <tr>
          <td><img name="craddocknavbar_r3_c1_s1" src="images/craddocknavbar_r3_c1_s1.jpg" width="148" height="395" border="0" id="craddocknavbar_r3_c1_s1" alt="" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="395" border="0" id="undefined_2" /></td>
        </tr>
      </table>
    </div>
     <div id="bodydiv">
    <div class="fadein">
<img src="images/slideshow/1jquery.jpg">
<img src="images/slideshow/2jquery.jpg">
<img src="images/slideshow/3jquery.jpg">
<img src="images/slideshow/4jquery.jpg">
<img src="images/slideshow/5jquery.jpg">
<img src="images/slideshow/6jquery.jpg">
<img src="images/slideshow/7jquery.jpg">
<img src="images/slideshow/8jquery.jpg">
</div>
</div>
    </div>
<div id="navigationlower">
    <p><a href="http://www.rjcraddockdesigns.com/index.php" title="Richard J. Craddock Designs Home Page">Home</a> - <a href="http://www.rjcraddockdesigns.com/company profile.php" title="Richard J. Craddock Designs">Profile</a>- <a href="http://www.rjcraddockdesigns.com/services.php" title="Richard J. Craddock Designs">Services</a></p>
<strong>Richard J. Craddock Designs, 2011</strong></p>
<p><strong><a href="http://cwws.org" title="Common Wealth Web Solutions" target="_new">Designed by CWWS</a></strong></p>
<p><a href="https://www.facebook.com/RJCLandscapeDesigns"><img src="facebook icon.png" width="60" height="60" /></a></p>
</div>
</body>
</html>

Now that I got rid of the fireworks html and replaced with swf, the code is a bit shorter:
<!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>Richard J. Craddock Designs</title>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-8']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="stylesMain.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #2f2f2f;
width: 50 em;
.fadein { position:relative; height:332px; width:500px; }
.fadein img {
position:absolute;
left:0px;
top:0px;
width: 784px;
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
</style>
<script src="scripts/jquery.min.js"></script>
<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
</script>
</head>
<body>
<div id="wrapper">
    <div id="navdiv">
      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="148" height="525">
        <param name="movie" value="images/craddocknavbar.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="images/craddocknavbar.swf" width="148" height="525">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          
        </object>
        
      </object>
    </div>
     <div id="bodydiv">
    <div class="fadein">
<img src="images/slideshow/1jquery.jpg">
<img src="images/slideshow/2jquery.jpg">
<img src="images/slideshow/3jquery.jpg">
<img src="images/slideshow/4jquery.jpg">
<img src="images/slideshow/5jquery.jpg">
<img src="images/slideshow/6jquery.jpg">
<img src="images/slideshow/7jquery.jpg">
<img src="images/slideshow/8jquery.jpg">
</div>
</div>
    </div>
<div id="navigationlower">
    <p><a href="http://www.rjcraddockdesigns.com/index.php" title="Richard J. Craddock Designs Home Page">Home</a> - <a href="http://www.rjcraddockdesigns.com/company profile.php" title="Richard J. Craddock Designs">Profile</a>- <a href="http://www.rjcraddockdesigns.com/services.php" title="Richard J. Craddock Designs">Services</a></p>
<strong>Richard J. Craddock Designs, 2011</strong></p>
<p><strong><a href="http://cwws.org" title="Common Wealth Web Solutions" target="_new">Designed by CWWS</a></strong></p>
<p><a href="https://www.facebook.com/RJCLandscapeDesigns"><img src="facebook icon.png" width="60" height="60" /></a></p>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Overlaying Fireworks HTML onto Dreamweaver background

Similar Messages

Maybe you are looking for