Skip navigation
Rudy Chorvat
Currently Being Moderated

Fireworks CS6

Jun 8, 2012 8:28 AM

I discover a problem or bug in Fireworks CS6 while ago , posted in Fireworks forum  - no answer…report it like a bug to adobe – no answer,….call to technical support,…after been on hold ,described all info, on hold again, I got answer:  report it like a bug on adobe side  and support forum ,,,,,when I told support person , that I did that already, he told me, nothing else he can do for me…

I just guessing,  nobody give a s….t anymore, nowhere, and that seems to be a problem in all around us, that is why economy sucks and…..

I am old enough to still remember old good times, when people still care and if you call from English speaking country, you got help speaking English..

Anyway, problem is, if you create a new document, and create a small slice in the middle, then create a hot spot bigger then that slice, and preview it in MS explorer, you will see some blue borders, frames around slices. Google Chrome or Safari is OK.

You can just create only hot spot in empty document, and it happened too, just first description is better to see.

And old Fireworks is OK, CS5…………….

No big deal for me, just have to use CS5,…just try to help developers fix bags….if they care…

This is document how it look in Fireworks:

01.png

And here is explorer:

02.png

 
Replies
  • Chris Campbell
    9,455 posts
    May 4, 2010
    Currently Being Moderated
    Jun 8, 2012 3:41 PM   in reply to Rudy Chorvat

    Moved post to the Fireworks forum

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 8, 2012 4:30 PM   in reply to Chris Campbell

    It's not a bug. The blue border is an accessability feature added by the browser rather than by Fireworks. You can get rid of it in the published site by adding the following declaration to your style sheet in Dreamweaver.

     

    map area {

    outline:none;

    }

     

    The reason you are seeing the boxes added outside your slice is because Fireworks is automatically adding slices or hotspots to the empty parts of the canvas.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 8, 2012 5:14 PM   in reply to Rudy Chorvat

    The default for IE is to have a border around an image used as a link. I repeat, it's Internet Explorer adding the border, not Fireworks.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 8, 2012 10:42 PM   in reply to Rudy Chorvat

    Rudy,

     

    You've already made progress in isolating the problem: It occurs in CS6 but not in CS5. A good strategy would be to create a simple file in CS5, and then export it twice: first in CS5 and then again in CS6. When it comes to HTML output, the answer should be somewhere in the code. Compare the two versions. Use Dreamweaver's code view, or use the View Source option that's available in most web browsers.

     

    I tried this myself, using a simple Fireworks file containing just a single slice. I used the default export options for both CS5 and CS6, then opened both HTML files in Firefox and used its View Source option.

     

    This first graphic below shows the HTML output from CS5. The second shows the HTML output from CS6.

     

    CS5 output w_annotations.pngCS6 output.png

     

    See the difference? The CS5 version is riddled with border="0" attributes on every img tag. The CS6 version omits these attributes. Believe it or not, the CS6 version is probably better, from a contemporary coding standpoint. The use of style attributes on HTML tags (as in CS5) is deprecated in favor of using CSS rules. But then again, the use of slices, in general, is not a contemporary, standards-based method of web development—except, perhaps, in small doses.

     

    The good news: If you're looking for an easy fix for this, I think I've got one for you. Within Fireworks CS6, go to File > HTML Setup... and then under the HTML Style dropdown menu, select "Generic XHTML" instead of Dreamweaver XHTML. (Or choose Generic HTML.) This seems to bring back the border="0" attributes. And once you've made this change, it should become the new default for all your Fireworks CS6 documents.

     

    HTML setup dialog.png

     

    The bad news: Web development is a constantly moving target. When creating web designs and converting them to code, you're creating instructions for a design rather than the design itself. Each web browser has a tendency to interpret those instructions slightly differently. That's why Internet Explorer is showing you blue borders, where Google Chrome is not.

     

    I wouldn't trust Fireworks as a resource for contemporary web development practices. It's pretty much behind the times. But that doesn't mean it's not good for some things—like design, or certain aspects of the development process. And it's evolving, too.

     

    Much in line with Linda's suggestion (and my own on your previous post), you could instead opt to address this problem by adding a small CSS declaration to the existing style tag within the head of your HTML document, something like this:

     

    <style type="text/css">

        td img {display: block; border: 0;}

    </style>

     

    However, this would require modifying the code directly—and may require a bit of tweaking and experimentation—which may not be your preference. So my first suggestion might work better for you.

     

    Hope this helps. My fee for this consultation will be two bottles of scotch.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 10, 2012 7:17 AM   in reply to groove25

    Very instructive. I tried too much for this information and you learned to deal with much experience. Thank you.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 11, 2012 9:29 AM   in reply to lexandreko

    You're welcome! Good to hear that this helped another user.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 19, 2012 8:46 AM   in reply to groove25

    I am using CS6 and the same thing happened to me - a blue border appearing around the canvas of a .png/map. I first created a map, exported it and put the code on the page and it appeared OK.... no border.  But I needed a smaller map. So, I went back and resized the original map, exported it, replaced the code on the page and then a blue border appeared (I'm new to fireworks so I thought it had something to do with the resizing). I decided to go back to my larger original map, resized it, tried a few different things then I decided to click outside the canvas, then I exported it... and now I do not have the blue border.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 16, 2013 1:49 PM   in reply to groove25

    This worked great!  Thank you!  Now how do I add an email link, hyperlink and form without stretching out the page? Never had a problem with this before?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 9, 2013 1:55 PM   in reply to groove25

    I just came upon your fix for a screwed-up Fireworks menu bar. It was a life-saver! Thank you!!! My company has a website that will only be up for another 6 months until we convert to a DMS based site. I needed to make a minor change to the menu bar and when I uploaded it, it was completely screwed up when viewed in IE. (particular slices had blue borders around them; they weren't lining up, etc.)

     

    One workaround I had to do: It worked to export in Generic XHTML in Fireworks CS6, but Dreamweaver CS6 wouldn't let me import or place the menu bar onto a page because it was "not in the right format." It said I needed to re-export the file in "Dreamweaver" format.

     

    So, I simply did a search and replace to add border="0" to every sliced image in the file and Voila! Worked like a charm.

     

    Thank you again for sharing this valuable information!

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points