Exporting CSS: phantom rectangles

Fireworks seems to think that I have overlapping rectangles when I don't. In this case, I have two rows of navigation links made with HTML symbols. Each row has one rectangle behind the text links. There are no other rectangles, visible or hidden. Nevertheless, Fireworks says "Objects 'navbar_2_box' and 'home_btn' boundaries overlap, switching to absolute positioning mode."
Why does this happen? I have seen this error in other pages also, where there were definitely NOT any overlapping objects.
Thanks,
Zalel

Any chance that you have added a drop shadow or glow to the button shapes?

Similar Messages

Export CSS?

DW8 had File > Export > CSS Styles to export embedded
styles to an
external stylesheet. Option is not there in CS3. Where has it
moved?
Alec Fehl, MCSE, A+, ACE, ACI
Adobe Community Expert
AUTHOR:
Microsoft Office 2007 PowerPoint: Comprehensive Course
(Labyrinth
Publications)
Welcome to Web Design and HTML (Labyrinth Publications)
CO-AUTHOR:
Microsoft Office 2007: Essentials (Labyrinth Publications)
Computer Concepts and Vista (Labyrinth Publications)
Mike Meyers' A+ Guide to Managing and Troubleshooting PCs
(McGraw-Hill)
Internet Systems and Applications (EMC Paradigm)

Select the rules first.
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
==================
"Alec Fehl" <[email protected]> wrote in message
news:[email protected]...
> Thanks. I see it now. BUT - the MOVE CSS RULES command
is grayed out, and
> my page contains several embedded styles. Any idea why
it's grayed out?
>
> Here's my HEAD sections:
>
> !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="contenttile-Type"
contenttile="text/html; charset=utf-8"
> />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
> </head>
>
>
> --
> Alec Fehl, MCSE, A+, ACE, ACI
> Adobe Community Expert
>
> AUTHOR:
> Microsoft Office 2007 PowerPoint: Comprehensive Course
(Labyrinth
> Publications)
> Welcome to Web Design and HTML (Labyrinth Publications)
>
> CO-AUTHOR:
> Microsoft Office 2007: Essentials (Labyrinth
Publications)
> Computer Concepts and Vista (Labyrinth Publications)
> Mike Meyers' A+ Guide to Managing and Troubleshooting
PCs (McGraw-Hill)
> Internet Systems and Applications (EMC Paradigm)

Default font size for exporting CSS styles?

People
I make the layout of websites in indesign cs3 with all text properly set to be defined by paragraph styles.
I then export to an epub file from which i can extract a css file. Problem is all sizes are in em units.
Those em's seem based on 12pt, while the default font size of most (all?) browsers is 16pt.
For example:
p.body {
     font-family: "Verdana";
     line-height: 1.64em;
     font-size: 0.92em;
     margin-bottom: 0.00em;
     margin-top: 0.77em;
     text-indent: 0.00em;
     margin-right: 0.00em;
     margin-left: 0.00em;
     text-align: left;
     font-weight: normal;
     font-style: normal;
     color: rgb(0,0,0);
The correct font size (the one set in indesign) should be 11pt. In the css file i get 0.92em. (so indesign assumed 1em = 12pt)
With a browser default size of 16pt, the text displays too big: 1em = 16pt so 0,92em = 14,72pt.
In other words: all text is displayed to big, text that should be 11pt is displayed at 14pt.
So is there a way to tell indesign when exporting css 1em = 16pt instead of 12pt?
I tried adjusting the default paragraph font size to 16pt (it is 12 pt by default) and base the body paragraph style onto this one, but the css file doesn't change.
Thanks for any help!

Well i found a workarround on another forum.
Instead of making indesign think 1em = 16pt, make the browser think 1em=12pt.
Adding this line of code to the css file makes the font sizes in indesign and website match:
body {
    font-size: 0.75em;

Exporting "CSS and images (.htm.)" from Fireworks CS4?

Is this an effective process for developing CSS based layouts? Are there any proven tricks to improve the quality of the resulting structure?

It's a starting point, but it does not exempt you from understanding
XHTML and CSS. Currently there are some limitations to what the script
will export: it ignores additional states, javascript behaviors and
won't export more than 1 page at a time. Keep in mind this is just the
"first kick" and we'll no doubt see this feature embellished.
I recommend that you download and read about the updated CSS and
Images export script, modified by Matt Stow. You can find the new
script and his article here:
http://www.adobe.com/devnet/fireworks/articles/standards_compliant_design.html
The article also provides some tips on how to best plan your designs
if you plan to use the script.
HTH
Jim Babbage
NewMedia Services
http://www.newmediaservices.ca
Community MX Partner -
http://www.communitymx.com/author.cfm?cid=1036
Adobe Community Expert
http://www.adobe.com/communities/experts/members/206.html
Author - Lynda.com
http://movielibrary.lynda.com/authors/author/?aid=188
Author: Peachpit Press
http://www.peachpit.com/store/product.aspx?isbn=0321562879

Fireworks 8-- Exporting CSS

I am trying to export slices as CSS layers; however, the htm
file is not being generated-- a .gif file is generated instead. The
images folder and actual images are exported correctly. Any help
would be appreciated.

Toledo15 wrote:
>
>
> >>When you export, choose CSS Layers for "export"
and Fireworks Slices for
> "Source."
>
> Thanks for the reply. I had those settings selected. I
am not sure why it is
> exporting a .gif file, though. It should be exporting a
.htm file correct? I
> was able to successfully complete this export function
previously. What else
> could be the problem? Have you ever seen this type of
problem/output before?
Only if I forget to export slices.
Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Motion Issue (Exporting Quicktime) Using rectangles

MOTION:
When using Motion and using a shape in a project, such as a 200px by 130px rectangle, colored White, we've noticed that any filter applied causes the shape to disappear on Export Rendering:
Example:
8 White rectangles on a motion path, A "COLORIZE" filter applied to each rectangle for 30 frames at different points on the timeline for each rectangle. Filter "Works" on screen in Motion, but all disappear when exporting to Quicktime.

hi,
what codec is your project, and your export? How are you exporting?
for instance i have found recently that exporting any sequence from motion to the Apple 422 codec results in garbage. The way round it was to export as an animation and then use compressor the change to 422.
I have also found that dragging the motion file into fcp and then exporting via through compressor, results in the most trustworthy renders.
hth
adam

Export css rules to an external style sheet

Hi
For some reason, when i try and right click on my selected styles to move them into a new external style sheet the option to move css rules isn't in bold so i can't perform the task. Its the same when i try and select move css rules from the format tab in my toolbar. Has anyone come across this before or know another way around it. I also seem to get different options appear on my right click depending on what view I am in, is this normal?
Thanks
Ellen

Why don't you manually move your embedded CSS code into a new CSS file (in code view)?
Then link your HTML pages to your external style sheet.
Dreamweaver, Linking HTML to External Style Sheets
Nancy O.

CSS and Images Export problem

Hello,
I've created a very basic layout with a header, some columns of text and an image. Everything is aligned perfectly, I've put all the text into rectangles, created a slice for the image, and nothing is overlapping. When I use the Export CSS and Images option, it just exports everything as one big image. What am I doing wrong here?
Thanks,
Jason

Sure, here you go:
http://www.glowfoto.com/static_image/07-130236L/8862/png/04/2010/img6/glowfoto

Newsletter creation and CSS export in Adobe Fireworks

I am a new to adobe fireworks and am currently in the trial mode of my download.
I was advised that Adobe FIreworks CS6 is the ideal program to create graphics and text to build a newsletter for my company.
Not knowing much about the program, I was able to add graphics, text and hotspots on specific images and text with an html link for customers to be able to click to sign up for the newsletter via our website.
The million dollar question I have is how in the world do I export this document and paste it into the "body" of an email to send to 5k contacts?
I do not want an attachment, I want the body fo the email to be html or css coded, but I know nothing about either of the two or how to do it.
I did find one video that walked me thru the export css process, but none of my images were shown and 90% of the text was missing.
I believe I need to understand "layers" to get this to work properly but could really use some help!
I am dangerously close to missing out on advertising to all 5k contacts before the holiday. Please help!!
BTW - the reason for doing this instead of using standard mailchimp or constant contact is because I purchased my email list and those are forbidden in both constant contact and mailchimp hence why i need to create my own opt-in newsletter to get people to opt-in via my website.
Thanks in Advance!!

Seriously, do not use Fireworks to generate the html for your webpage. It is graphics program with *some* html capabilites, but I would never use it for a live site. It is always best to create the layout in Fireworks, slice it up as for use as individual images, or uses 'pieces' for background images and write the markup (html + css) in Dreamweaver or a HTML editor of your choice.
This tutorial may help you make the transition. Naturally it helps to have at least a basic knowledge of html and css before working with Dreamweaver, it will make using DW so much easier.
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Creating your first website (series) (using Dreamweaver)
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS42d4a1c0291fbe4e59147ede1232ff9686c-8 000.html
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

Exporting and CSS

I wonder if it´s possible to export all pages from
Fireworks at the same time and in that way recieve only one CSS
file? In the way I do it now I recieve one CSS file per page I
export. This is not the way I want it.
Looking for help!
/ Lena

Lena P wrote:
> Thank you for your answer.
>
> And then this forum might not be the right one, but is
there a way to combine
> multiple CSS files so you only have one?
>
> Or.... how do other designers export CSS files to
Dreamweaver in a correct
> manner?
>
> / Lena
>
Yes, in Dreamweaver you can use the CSS panel to move rules
from one
style sheet to another, or you can simply open the CSS files
themselves
within DW and copy/paste as needed.
That said, pay careful attention that you aren't duplicating
or
overwriting classes you need which are in the original CSS
file.
Depending on what you are doing, you may just want to stick
with one CSS
export from Fireworks, and then add any additional rules
manually within
Dreamweaver.
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

CSS Popup menu export problems

I have followed all the instructions to export css popup
menus from Fireworks CS3. I can see them when I preview in browser
from the launch button top right. But when I export the CSS etc.
and view the files in Dreamweaver it simply doesn't make any sense.
Nothing seems to export properly, images missing, no
behaviours nothing, what is the exact process, can someone help?!!

Don't use a code produced by a graphics program
Murray (*ACE*) usually has the answer, so I'm copying from
him. He once linked to this blog post, from the guy who worked on
the menus:
The
sordid tale of mm_menufw_menu.js
See also his post in this thread:
Good
advice from Murray

How to export full image in PNG format lying inside a smaller sized rectangle?

Hi
In my own created extension for adobe inDesign using CS Extension builder 1.5, I am trying to export a page item lying inside a rectangle frame longer than frame height. Full image is not exported but it gets cropped which is of the rectangle height. I need to get full image exported in PNG format. The item can be text/image/drawing/or group of multiple items lying inside a rectangle frame.
Sometimes the correct image is exported although the rectangle frame size is smaller than the inside image/item. Following is the code I’m using to export the page item.
var targetItem:PageItem = pageItem.allPageItems[0];
targetItem.exportFile(ExportFormat.PNG_FORMAT, targetFile, false);
Can anybody help me out?
Thanks and best regards
Sal

the answer is at : http://forums.adobe.com/thread/1060138

Export as css styles page

Following through Short and Green's book I'm at page 119
where I'm learning about exporting css styles.
From the dropdown under files and exort I do not see the
title dialog box nor can I find it anywhere
Intel Mac user

What?
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
==================
"cumene" <[email protected]> wrote in
message
news:fp7guo$h0k$[email protected]..
> Following through Short and Green's book I'm at page 119
where I'm
> learning
> about exporting css styles.
>
> From the dropdown under files and exort I do not see the
title dialog box
> nor
> can I find it anywhere
>
> Intel Mac user
>
>
>

CSS Export Efficiency

A few developers and clients have noticed that Muse exports CSS for every single page of a site rather than utilize one, consolidated sheet.
Are there plans to make this approach more efficient?
It seems redundant to have individual CSS for each page even though the style pages can be limited to 1 or 2 in Muse.

I am just curious as to why the CSS export feature does not allow the export of images that have rollover effects applied? Is there an extension that will allow this to happen, or do we just need to do this manually? It's not really too big of a deal because it is fairly simple to do in Dreamweaver, it would just be nice to save this step.
It is always best to allow Fireworks do the job it's best at - create website layouts. Slice up the images and export them individually and use a HTML editor like Dreamweaver to write the code. Were you able to do this step in FWs it may save you a step, but the code it would output would be bloated and fragile as it was when FWs exported those awful dropdown menus, which thankfully have been removed from the program :-)

Exporting Text out of Fireworks on top of BG image

In Fireworks I have a black background with text content on top of it. I would like to export both so that the bg comes into dreamweaver as a background image and the text comes in as editable text. Right now when I slice the bg it automatically includes the text in the image. How do I export text that is on top of an image?

I forgot earlier to say that you must finally export as CSS and Images.
I'll try to give some simple advice while trying to export css from Fireworks CS4.
You can apply the blue background, by simply adding it from the CSS and Images export options. You should not draw it in your document(, it doesn't matter at all).
Draw Rectangles all over your document to finally export them as div tags.
When you need to apply a background, think of what exactly you want your background to be, solid color, or a picture?
If it's going to be a picture, you must place that picture and insert a slice to it, set as background.
If you want color, you don't put a slice. You just ...draw a rectangle. Write some text over the rectangle, and you can export it as CSS.
A slice is used to export images. Otherwise, you just draw rectangles to export the current color as a value in your exported CSS.
The black background color of your document, can be set as a color value inside your exported css, so you don't have to place a slice for that.
Watch not to overlap objects like images, rectangles and slices. It is going to be hard to achieve an excellent result in order to construct your web site with Fireworks while trying to export CSS.
Jim has already said it Fireworks won't help you that much with coding like hand coding or Dreamweaver will.

Exporting CSS: phantom rectangles

Similar Messages

Maybe you are looking for