Jump to content


How to turn png into css?

  • Please log in to reply
7 replies to this topic

#1 sui lian

sui lian


  • Members
  • Pip
  • 4 posts

Posted 02 March 2009 - 03:26 PM

Hi there,

First, Thanks for providing this awesome forum here! I have difficulty of turning my png file to css after export it, I slice it and export it to css as usual like what I did for html format, but everything is absolute and unscrollable, it does not grow with the content.

Any help or direction to any tutorial is much appreciated, thanks!

#2 sui lian

sui lian


  • Members
  • Pip
  • 4 posts

Posted 03 March 2009 - 08:18 PM

no one knows?

please please.. i really need help

#3 kelton



  • Members
  • PipPipPipPipPipPip
  • 471 posts
  • Location:Antigua
  • Interests:web design, logo design, user interface design

Posted 10 March 2009 - 06:28 AM

hey if possible y dont u post your png so that we can see exactly what your talking about. are u using fw css export to build ur page or are u only exporting the images and building the site from scratch using dreamweaver or another html program?

#4 Alan



  • Root Admin
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 1,507 posts
  • Location:San Francisco, California USA
  • Interests:Longboarding, art and video games

Posted 10 March 2009 - 01:54 PM

Hey sui_lian - Have you walked through Matt's tutorial on Fireworks developer center? Check it out at:

Also take note there are CSS templates you can start from:

Try out those articles and then come back and talk to us. Like Kelton mentioned its easier for us to see your problem if you can share the Fireworks PNG for us to look at and research or else its hard for us to understand and help you.

Thanks and welcome!

#5 sui lian

sui lian


  • Members
  • Pip
  • 4 posts

Posted 11 March 2009 - 05:25 AM

Hi there,

Thanks so much for helping out here, I read the tutorial and try to add rectangle to identify the column, but it change to absolute after that.

Here's my file, appreciate if anyone can let me know what did i do wrong here, thanks!

Attached Images

  • example.png

#6 raja



  • Members
  • PipPipPipPipPipPipPipPipPipPip
  • 1,231 posts

Posted 11 March 2009 - 06:34 AM

Dirrstly i think its always better u name the slices adn 2ndly .Its always gives u error when u try to export as css from Fireworks pngs.So its better u learn CSS .

#7 yanjuan


    Fireworks Sparkle

  • Members
  • Pip
  • 3 posts

Posted 16 December 2010 - 10:52 PM

I first heard about this , hope to write some experts share their experience under the.

#8 devin



  • Members
  • PipPipPipPip
  • 85 posts

Posted 16 March 2011 - 09:21 PM

agree with raja