Comments on: Fireworks CS4 CSS Export

By: xpression

xpression — Wed, 09 Mar 2011 12:09:01 +0000

cool tutorial
i have done this website http://www.studyarabic.eu on fireworks
!

By: 35 Excellent Adobe Fireworks Tutorials | Vandelay Design Blog

35 Excellent Adobe Fireworks Tutorials | Vandelay Design Blog — Thu, 11 Nov 2010 14:19:50 +0000

[...] Fireworks CS4 CSS Export (video) [...]

By: Balakrishnan

Balakrishnan — Sat, 15 May 2010 05:30:48 +0000

This is very interesting!!

By: Jim Babbage

Jim Babbage — Mon, 09 Nov 2009 19:21:45 +0000

@Marc:

Thanks very much. Can you be a little more specific in your question? It’s unclear whether you want to include text in the background image or if you want html text on top of a background image.

By: Marc

Marc — Mon, 09 Nov 2009 10:07:06 +0000

I found the tutorial very useful, thanks a bunch! I did get confused at the beginning though because you use a green background and I thought they were slices! LOL
What do you do though if you have a background jpg and text???

http://www.super-tees.de

By: Jim Babbage

Jim Babbage — Tue, 09 Jun 2009 01:17:45 +0000

Thanks Randy! It’s hard for me to even hazard a guess without seeing the PNG file.

By: Randy

Randy — Mon, 08 Jun 2009 14:35:47 +0000

Jim,

Great tutorials! I really appreciate them. One problem I am having is exporting text. Every time I export a page with editable text, the page lays out crazy in both DW and in the browser. But when I slice everything, it positions correctly but I lose the HTML text. What am I doing wrong?

By: Jim Babbage

Jim Babbage — Thu, 28 May 2009 17:08:18 +0000

@Maurits: Symbol properties panel is only populated if you use one of the Component Symbols found in the Common Library.

@Andy: Are you exporting as CSS and Images? HTML and Images export won’t respect the alignment option.

@Garrett: If you want a specific div alignment, using the rectangle will/should keep all the text within a specific div.

Hope this helps. Sorry for the delay in replying, everyone; these posts just came in!

By: Jim Babbage

Jim Babbage — Thu, 28 May 2009 17:03:43 +0000

@ Jason: Thanks Jason! Sounds like you’re exporting as HTML and Images, rather than CSS and Images.

@jafpro: Thanks Jafpro! At this point, you can only export out a single page at a time in the CSS and Images Export. It’s possible that in James’ video (he’s great, btw), he only had a single page in the design.

Let me know if this helps, guys!

By: Jason

Jason — Wed, 27 May 2009 15:07:27 +0000

Great tutorial Jim! I am new to Adobe, but these are great tools. The problem I am having in Fireworks CS4 is when I export my slices and I open the html file in dream weaver it is importing my slices to tables instead of divs. I looked for an option to change this, but I am having no luck. Any ideas?