-
1. Re: CS4: CSS export not working for text with image
Sarthak Singhal
Nov 18, 2008 4:09 AM
Just give the following link a read. It will be a good beginning for CSS export feature.
http://www.adobe.com/devnet/fireworks/articles/export_css_images.html -
2. CS4: CSS export not working for text with image
I had read that previously, and it is what he is describing which simply does not work. In his tutorial he has text "Big Heart Corporation" under a slice so that it would render as part of the image generated by that slice. That does not work!. CSS & I Export tries to create CSS text from ANY live text at all in a layout whether contained in a slice or not. When I try to create a small compositional image such as that with text within a slice in my FW layout, and export it, export disables the layout engine and generates the warning. Win XP SP3, FW CS4 10.0.0.495. -
3. Re: CS4: CSS export not working for text with image
Further to my previous post, I have tried increasing the margins around the text object in the slice object. If I increase the margin around the text object, to the edges of the slice, to 3 TIMES (!!) the width and height of the text object, then the overlap warning goes away. This is not how I would expect it to work, nor how it is described in Mr Wylie's tutorial. -
4. Re: CS4: CSS export not working for text with image
dv8kiwi wrote:
> I can't get CSS export to work correctly with image/text combinations which I
> want to export as an image. The image and text are contained under a slice but
> I always get first: 'Objects "Text" and "text" boundaries overlap, switching to
> absolute positioning mode' then: "Warning... non-standard font... etc..." and
> then a layout with the text and image divs all overlapping when they should all
> be just in a gif! Also I'm getting the jumping text issue described in another
> post. This "release" product is a total failure! Worse than the Beta!!!
>
Maybe this video will help . . .
http://www.layersmagazine.com/fireworks-cs4-css-export.html
--
Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
---
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
---
.:Author:.
Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
Peachpit Press -
http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
Layers Magazine - http://www.layersmagazine.com/author/jim-babbage -
5. Re: CS4: CSS export not working for text with image
I have also watched this video previously. I know how it is supposed to work. It doesn’t. See my subsequent posts in this thread for more detail. -
6. Re: CS4: CSS export not working for text with image
dv8kiwi wrote:
> I have also watched this video previously. I know how it is supposed to work. It doesn?t. See my subsequent posts in this thread for more detail.
A link to your PNG file would be helpful.
--
Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
---
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
---
.:Author:.
Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
Peachpit Press -
http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
Layers Magazine - http://www.layersmagazine.com/author/jim-babbage -
7. Re: CS4: CSS export not working for text with image
dv8kiwi wrote:
> I have also watched this video previously. I know how it is supposed to work. It doesn?t. See my subsequent posts in this thread for more detail.
Matt Stow just released a new article on devnet and an updated CSS
Export Script. Check it out and see if it resolves your issue. If not,
please post a link to your png.
http://www.adobe.com/devnet/fireworks/articles/standards_compliant_design.html
hth
--
Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
---
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
---
.:Author:.
Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
Peachpit Press -
http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
Layers Magazine - http://www.layersmagazine.com/author/jim-babbage -
8. Re: CS4: CSS export not working for text with image
Thanks, I appreciate Matt's work very much, and any developer who works toward improving this very important functionality within Fireworks. Unfortunately it still doesn't work for me. I'm not sure if the issue might be specific to my configuration, or if it might have something to do with the text-engine issue which others are reporting which is also an issue for me. The text has had horizontal scaling applied, so perhaps even though the text box looks to be completely contained in the boundaries of the slice, perhaps somehow export is seeing it as extending beyond the boundaries and reporting it as "overlapping". Anyway, an offending png is here:
http://www.dv8.info/share/AskewTUBE-test.png -
9. Re: CS4: CSS export not working for text with image
dv8kiwi wrote:
> Thanks, I appreciate Matt's work very much, and any developer who works toward
> improving this very important functionality within Fireworks. Unfortunately it
> still doesn't work for me. I'm not sure if the issue might be specific to my
> configuration, or if it might have something to do with the text-engine issue
> which others are reporting which is also an issue for me. The text has had
> horizontal scaling applied, so perhaps even though the text box looks to be
> completely contained in the boundaries of the slice, perhaps somehow export is
> seeing it as extending beyond the boundaries and reporting it as "overlapping".
> Anyway, an offending png is here:
> http://www.dv8.info/share/AskewTUBE-test.png
>
I'm pretty sure it has to do with the horizontal scaling of the text.
Have you tried converting the text to paths then trying the export? I
don't have your fonts, so I can't test it out this way.
--
Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
---
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
---
.:Author:.
Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
Peachpit Press -
http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
Layers Magazine - http://www.layersmagazine.com/author/jim-babbage -
10. Re: CS4: CSS export not working for text with image
Jim Babbage .:CMX:. & .:Adobe Community Expert:. wrote:
> dv8kiwi wrote:
>> Thanks, I appreciate Matt's work very much, and any developer who
>> works toward improving this very important functionality within
>> Fireworks. Unfortunately it still doesn't work for me. I'm not sure if
>> the issue might be specific to my configuration, or if it might have
>> something to do with the text-engine issue which others are reporting
>> which is also an issue for me. The text has had horizontal scaling
>> applied, so perhaps even though the text box looks to be completely
>> contained in the boundaries of the slice, perhaps somehow export is
>> seeing it as extending beyond the boundaries and reporting it as
>> "overlapping". Anyway, an offending png is here:
>> http://www.dv8.info/share/AskewTUBE-test.png
> I'm pretty sure it has to do with the horizontal scaling of the text.
> Have you tried converting the text to paths then trying the export? I
> don't have your fonts, so I can't test it out this way.
>
Yep, it's the horizontal scaling. I tried to replicate the issue with
Arial black. I only needed about 150% scaling to make things look
similar and got the same result as you did. I converted the text to
paths and the export worked as expected the first time. I know this
isn't probably the answer you wanted, but at least we know what the
issue is.
As a workaround, create a clone of the text, hide one of them and
convert the other to a path for exporting. That way, you at least have
an editable copy if you need to make design changes.
HTH
--
Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
---
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
---
.:Author:.
Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
Peachpit Press -
http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
Layers Magazine - http://www.layersmagazine.com/author/jim-babbage -
11. Re: CS4: CSS export not working for text with image
Thanks Jim - did you try it yourself? You could easily just substitute the Futura Cond with anything else and seed if the scaling creates the same problem for you. It works OK converted to outlines. But I want to keep the text editable- ie have it do what it is claimed to be able to do. -
12. Re: CS4: CSS export not working for text with image
Thanks Jim for your interest. Is Adobe likely to take this on board and fix the script? -
13. Re: CS4: CSS export not working for text with image
dv8kiwi wrote:
> Thanks Jim for your interest. Is Adobe likely to take this on board and fix the script?
I can't speak for Adobe, but I know the FW engineers want to produce a
quality product. The best way, though to have official user input is to
fill out the bug report/wishlist on adobe.com.
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
--
Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
---
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
---
.:Author:.
Lynda.com - http://movielibrary.lynda.com/authors/author/?aid=188
Peachpit Press -
http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
Layers Magazine - http://www.layersmagazine.com/author/jim-babbage -
14. Re: CS4: CSS export not working for text with image
As a workaround, convert the 'Tube' object to a Graphic Symbol and then File > Export to Css/Html again.
h