14 Replies Latest reply: Jul 9, 2013 1:55 PM by wlaurent2000 RSS

    Fireworks CS6

    Rudy Chorvat Community Member

      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

       

        • 1. Re: Fireworks CS6
          chris.campbell Adobe Employee

          Moved post to the Fireworks forum

          • 2. Re: Fireworks CS6
            Linda Nicholls Community Member

            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.

            • 3. Re: Fireworks CS6
              Rudy Chorvat Community Member

              Thank you Linda, glad you answer, but I know all of that ,…. It is obvious, that Fireworks is not compatible with MS explorer….maybe they did not bother to test it in it….

              And it not showing in other browsers, just explorer,.....we can't blame MS for everything

              I know about adding a code in Dreamweaver, but  bottom line is it’s not supposed to be there, it is some program flaw.

               

              THANKS…..

              • 4. Re: Fireworks CS6
                Rudy Chorvat Community Member

                Border of slices can’t by displaying like those ugly blue frame in one and not in other one…..either explorer and chrome or CS5 or CS6.

                 

                It has to be consistent in all

                • 5. Re: Fireworks CS6
                  Rudy Chorvat Community Member

                  Chris I was told by your support guy, to place it in bug report, because it is a bug,....and I did not get answers in Fireworks  forum,…

                  • 6. Re: Fireworks CS6
                    Linda Nicholls Community Member

                    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.

                    • 7. Re: Fireworks CS6
                      Rudy Chorvat Community Member

                      Those area with a blue borders are not a links but slices,… slices not supposed to show,….and repeat, it’s not happening in Firework CS5.

                      So what is right, CS5, or CS6?

                       

                      Beside who like to have a borders like that….

                       

                      And how about if somebody is creating html strait from Fireworks…and don’t have and don’t like and not supposed to use any html editor

                       

                      Sorry about my tone, I little bit tic off by that guy in support,….have to open other bottle of scotch….

                      • 8. Re: Fireworks CS6
                        groove25 Community Member

                        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.

                        • 9. Re: Fireworks CS6
                          Rudy Chorvat Community Member

                          Grove ,must tell you, you nail it like old pro …………….

                          I did myself that experiment you describing, discover differences in code.  Compared all my setting in CS5 and CS6 and can’t find difference, so I supposed, and still believe that it is some flaw, bug, in CS6.

                          I am not such expert in “code” or HTML, rather graphic artist, so I still don’t understand why each browser reading it differently, and wondering why would they try to put intentionally border around slices……

                           

                          GLAD you find that generic code set in html setup…that will work…..

                           

                          I using a fireworks for graphics, navigations buttons, animations,…..Company web is designed and running long time ago, and we keep changing names, adding, posting a specials…., so I just go from Dreamweaver directly to Fireworks to edit,. I can use old version of Fireworks with no problem, or adjust all (don’t know how many) graphics, inserted to pages like “server side included”.

                           

                          Anyway, glad is still somebody around like you, and try to solve a problem and help. Thank you for that,…. And believe you deserve two bottle of scotch (probably from ADOBE)  and I wiling to get you that, only my condition is, we have to drink it together, and warning I buying 1.75 gal size……maybe we will figure out more stuff afterwards

                          • 10. Re: Fireworks CS6
                            lexandreko Community Member

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

                            • 11. Re: Fireworks CS6
                              groove25 Community Member

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

                              • 12. Re: Fireworks CS6
                                smbMI Community Member

                                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.

                                • 13. Re: Fireworks CS6
                                  DesignerEllen Community Member

                                  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?

                                  • 14. Re: Fireworks CS6
                                    wlaurent2000 Community Member

                                    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!