This is really starting to bug me now as I have searched the forums and the web for hours and still cannot get this to work.
I am creating a simple one page site at http://freeselfhelpebooks.org/50ofTheBestPDProducts/
I want the header and footer image to have a transparent background with only the text showing, so that the text shows on the background image.
So far I have created the header image with a transparent background Modify > Canvas > Canvas Colour > Transparent all good so far. I have added some text. Then I save as file type PNG 32, however I still get the background as white as you can see above.
I have tried PNG 8 with alpha transparency, no transparency but to no avail. I have even downloaded Photoshop CS6 and have the same issues. What am I doing wrong here?
Yep I tried all that after checkng out the other post, and it doesn't seem to wrok at all, always get the white background. I've tried loads of combinations PNG8, PNG32, GIF, alpha transparency, index transparency but nothing seems to work. Tried all that in photoshop as well. It's doing my nut in
I'm not sure how you're evaluating these images. I just checked the header.png ("50 of the Best Personal Development Products in the World") in Mac's Preview application, and it seems fine; it's transparent.
I'm wondering if it's web development problem rather than a Fireworks problem. Maybe check your HTML. I see a background color of white on one of your tables. Perhaps that's showing through the transparent PNG?
I checked that as well. I use Dreamweaver to check everything before I go live, and when it's live at http://freeselfhelpebooks.org/50ofTheBestPDProducts/ it's still showing the white background
First of all, your header graphic is fine; it's a transparent PNG. Your footer is a JPEG, which does not support transparency, so you need to resave that file into a different format (like PNG32, or PNG8 w/alpha transparency).
As I was trying to suggest, if you're confused about your graphics, check them in a graphics editor or viewer, not in a web page inside a web browser. Web development is a complex beast, and a lot can go wrong.
In the HTML of your web page, there is a class called "content" being applied to tables and images. This class has a background image being applied to it, which is responsible for the white background on those elements.
Groove, you're a star!
The content class was messing it up with the background image there.
Just need to figure out the CSS for the table background.
Thanks again for all your help, this was driving me nuts, and it was my coding not Fireworks that was the problem