Fireworks CS6 text rendering is a disaster

This is text rendered in Fireworks CS6 next to text of the same size produced by Paint.NET, with both using their default settings.
And if we zoom in a bit:
Can you guess which was produced by a product costing $300, and which was produced by a free utility?
Seriously, is this a joke? There is no way I could use the garbage that CS6 is producing in production or to show to a client.

It may be worth adding here that not every typeface will render well at a single, specific small size, like 10px. Particularly at small sizes, different typefaces have different "sweet spots". So a typeface that renders horribly at 10px may actually look quite decent at 9px.
JonR001: If you don't have it already, I highly recommend The Complete Manual of Typography by James Felici (published by Adobe Press!). It's extremely thorough yet readable. I purchased a second-hand 2003 edition at my local bookstore as the more recent updated version seemed to disappoint a lot reviewers.
I suspect that what you're noticing is, in part, an outcome of history. As I understand it, Adobe built its empire on print and making technology that allowed for the production of high-quality print materials. The computer display was just a weigh station in that process, not the final goal. By contrast, Apple and Microsoft have always placed a higher priority on the actual screen output. It seems that Adobe has yet to come up with a way to incorporate both worlds within their software, in terms of typographical output. They're still hanging on to their successful, print-based system.
Let's also keep in mind that, for screen output, it's better to use actual text—rather than an image of text—for at least two reasons, the first being accessibility, the second being type rendering.
I've linked to this article elsewhere, but it's got some great insights into all that goes into rendering type on screen:
http://www.smashingmagazine.com/2009/11/02/the-ails-of-typographic-anti-aliasing/
Interestingly, while doing some quick studies on this, I noticed that Photoshop's interface uses 10px type, but with subpixel anti-aliasing:
Yet Photoshop itself cannot produce this kind of output. (I suppose this is being generated by the Mac OS?)
I also found that, within Fireworks, the CS5 default Custom Anti-Alias setting—8x Oversampling, 192 Sharpness, 64 Strength—seemed to produce the best results:
Then, of course, there's the aliased type option, but that seems to be a sore subject.

Similar Messages

  • Fireworks & Photoshop CS6 font rendering

    Hi everyone,
    Just a quick question. Has Adobe now unified the font rendering engine for both Fireworks and Photoshop? I've always found that when working with PSD or Fireworks PNG files between the two apps, that fonts get rendered or kerned differently, which is a little frustrating.
    I would hope that after 8 years, Fireworks would have no trouble working with PSD files and fonts. I was a bit disappointed to see that things hadn't changed in CS5.5.
    One may ask why I don't just use Photoshop all the time. Well, I would, but for doing quick edits of files, Fireworks fits the bill perfectly for working with web graphics. Photoshop is a little more involved for this sort of thing, and sometimes I have to work with PSD files in Fireworks, to export my slices.
    Thanks in advance for the comments :-)
    Steve

    I love the graphic! Awesome. But that's gotta be the worst pickup line ever.
    I'm impressed with how closely you matched the Photoshop versions using FW's Custom Anti-Alias. I've occasionally used text rendered in a web browser—and taken a screenshot of it—when I thought it looked better than Photoshop or Fireworks.
    A few thoughts:
    Photoshop CS2 applies kerning by default (it's called "Metrics"). To match that in Fireworks, you'd want to turn Auto Kern on. (This would be the flip side to the approach taken in TrapperKeeper's graphic, where all kerning has been turned off.)
    Photoshop used to link up with Image Ready, which was Adobe's answer to Macromedia Fireworks. I imagine it was easier to retain text rendering with that setup, and I'm surprised that Adobe didn't build in some sort of method for preserving text rendering in that type of workflow, when they decided to discontinue Image Ready.
    When using Fireworks to create slices of a PSD file with text, a good workflow might be to make a copy of the file in Photoshop, flatten the text, and then use that version to slice up in Fireworks.
    Following is a pretty amazing article about text rendering on monitors that includes some insights into Photoshop's Anti-Alias settings:
    http://www.smashingmagazine.com/2009/11/02/the-ails-of-typographic-anti-aliasing/

  • {text-rendering : optimizeLegibility} turns off google webfont in DW CS6 live preview (suddenly)

    I'm currently working on two websites for the UN, based on Wordpress, child themes based on twentytwelve and twentythirteen.
    I started to work a certain time ago on the child theme for 2012 which uses "Open Sans" fonts.
    I don't remember having any problem with this site: everything was working ok, I made a few changes but nothing important.
    I turned to the nd website based on 2013-theme, it works perfectly and DW CS6 is a real time saver for creating a child-theme, nonetheless...
    This morning I turned back to the 2012-based wordpress site: every text was simply not displayed anymore... only in live preview in DW...
    Even with the parent theme, the text was siply not displayed (so don't suggest my css code is bugged or what...)
    After a while, I figured out it was not really a problem regarding the font itself, but with the CSS property "text-rendering" with value set "optimizeLegibility".
    Commenting out this declaration solved the problem. Nonetheless...
    1 month ago there was no problem. Then suddenly...
    Is there a problem with the live preview mode and this CSS property? (indeed there is a problem)
    Can we have a fix for this? I mean, an update for DW CS6  (not for DW CC) ?
    TIA

    Hello Nancy!
    Normally, according to https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering Gecko could take it in charge too, but seems to override this setting (a thing I can understand, Gecko is using a fast rendering engine). So you're right: at this time, it can impact only webkit/chromium engines. Which, as far as I know is the underlying engine(s) behind "Live Preview". And it does impact readibility in DW CC (it improves it).
    Personnally I'ls better stick to the real CSS properties for kerning, alternative uppercases and ligatures, BUT the wordpress team seemed to think it was a good idea to use it (along with many other strange ideas such as using rem unit for the layout).
    The real thing here is: some weeks ago, when I started to tune the 2012-based theme I use for this site, I'm pretty sure I was able to read the text in Live Preview in DW CS6. I wouldn't have chosen to use this theme with such an annoyance, else. So basically, it's really strange that suddenly this property has such an impact on the "live preview" mode of DW CS6. What I would really appreciate here is a small update/bugfix to DW CS6: I don't need this property to be taken in charge in DW CS6 as it is done in DW CC, I'ld just want this property not to impact the live preview.
    Last : I mentionned an update of DWCC being possibly a culprit for this. How relevant could be this statement ? Are "live preview" modes shared by DW CC and DW CS6 ? (Even if, of course, this "bug" is not happening with DWCC).
    PS: Thanks a lot Nancy to pay attention to my posts as I often yell a lot here.

  • Jagged text in fireworks cs6

    I recently purchased and installed Fireworks CS6 on my MAC and no matter what font I use the text comes out super jagged. I have used other versions of Fireworks for many years and I have never had this problem.
    Any help would be much appreciated.
    Thanks much!
    P.S. - yes I have my zoom level set to 100%

    No, it I have the same problem, it occurs when saving a file with text as a flattened PNG32 on a transparent background.

  • Fireworks CS6 from CC doens't respond properly anymore-

    Hi there,
    I'm working in Fireworks CS6 at my office and the problem I have since last Friday is,
    that the whole application doesn't respond properly anymore.
    The tool-shortcuts doesn't work anymore. While clicking the V and A button on my keyboard
    the tools eventually change thru but they're not working. So when I want do select an element
    I usually have to just click it when the right arrow-tool is selected but since friday I have to
    go through my layer-window to select any element.
    The next problem is (just as another example) the type tool. I can't just click it and type the hell
    out of that text box, NO (!!!), I have to select a word or a whole paragraph and than shift through it
    with my arrow-keys on the keyboard. That's just not working well. Sometimes I can't even do it
    like that and I have to restart the whole application.
    Another problem appears while the zoom-tool is selected. I just can zoom in and out by clicking the
    left mouse button and drag the selection open. Just clicking doesn't work anymore.
    Any suggestions on how to solve that problem? I've already reinstalled Fireworks twice (also with deleting
    all supporting files and preferences while uninstall the application.)
    Thanks in advance,
    Adrian

    I am having similar problems. As of this morning, I can no longer use the text tool to select and edit text, using Zoom from the toolbar does not work, though the keyboard shortcut still functions, I'm sure there are other issues I haven't discovered yet, but I'm effectively stuck in the water now and will likely miss a huge deadline today because of this. Adobe, somebody, please help!
    Adrian, I am going to try reinstalling and if that doesn't work then I will try the Permissions fix suggested in this thread: Select Tool, Text Tool stopped working in Fireworks CS6 on Mac OS 10.9.3 rendering program useless.... thoughts?
    Although, to be honest, I'm not sure how to do that, but I'll get someone to help me. If any of those things work I'll report back. Please let me know if you have been able to resolve the problem since your post and what you did. Thanks!

  • Fireworks CS6 trial is very slow on Windows 7

    I'm not sure what's going on, but it's bound to be fixable. I've downloaded and installed the Fireworks CS6 trial and it's stalling after performing simple tasks. The only way I know to describe it is like this -- here are a few examples:
    Try to create text, type the first letter and it hangs for about 30 seconds. Does the same after every letter I type.
    Zoom in, it hangs for about 30 seconds and tries to catch up.
    Move a layer in the layers panel, it hangs for about 30 seconds.
    In some cases, such as entering text, when it hangs I can minimize the window and then come back and it's ready to go. Of course it hangs again as soon as I type the next letter.
    Anyway, it's strange behavior and I'm not sure what to do. I'm on a ThinkPad W510 with Windows 7 Professional and 8 GB of ram.
    Thanks,
    Addison

    Thats odd - is the lag only with type objects? Specific Font Face or all of them? Does it occur with vector shape object creation/mainpulation?
    Is it possible that you have a corrupt font?
    I also use Win 7, though not the  same machine specs as yours but do not see the lag as you do.
    Hopefully, the engineers drop by the forums to better assist.
    h

  • Menu bar created in fireworks cs6 doesnt work in dreamweaver cs6

    A menu bar that i created in fireworks cs6 doesnt work in dreamweaver cs6 loss of all behaviours etc works in preview in fireworks just seems that the code in dreamweaver doesnt want to play ball...
    <div id="FWTableContainer1659288869">
          <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="762">
            <!-- fwtable fwsrc="Menu_front.fw.png" fwpage="Page 1" fwbase="Menu_front.gif" fwstyle="Dreamweaver" fwdocid = "1659288869" fwnested="0" -->
            <tr>
              <!-- Shim row, height 1. -->
              <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="150" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
              <td><img src="MENU_BARS/spacer.gif" width="1" height="1" alt="" /></td>
            </tr>
            <tr>
              <!-- row 1 -->
              <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s2.gif','ME NU_BARS/Menu_front_r1_c1_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s3.gi f',1);"><img name="Menu_front_r1_c1" src="MENU_BARS/Menu_front_r1_c1.gif" width="100" height="30" id="Menu_front_r1_c1" alt="" /></a></td>
              <td><img name="Menu_front_r1_c2" src="MENU_BARS/Menu_front_r1_c2.gif" width="2" height="30" id="Menu_front_r1_c2" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s2.gif','ME NU_BARS/Menu_front_r1_c3_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s3.gi f',1);"><img name="Menu_front_r1_c3" src="MENU_BARS/Menu_front_r1_c3.gif" width="150" height="30" id="Menu_front_r1_c3" alt="" /></a></td>
              <td><img name="Menu_front_r1_c4" src="MENU_BARS/Menu_front_r1_c4.gif" width="2" height="30" id="Menu_front_r1_c4" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s2.gif','ME NU_BARS/Menu_front_r1_c5_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s3.gi f',1);"><img name="Menu_front_r1_c5" src="MENU_BARS/Menu_front_r1_c5.gif" width="100" height="30" id="Menu_front_r1_c5" alt="" /></a></td>
              <td><img name="Menu_front_r1_c6" src="MENU_BARS/Menu_front_r1_c6.gif" width="2" height="30" id="Menu_front_r1_c6" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s2.gif','ME NU_BARS/Menu_front_r1_c7_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s3.gi f',1);"><img name="Menu_front_r1_c7" src="MENU_BARS/Menu_front_r1_c7.gif" width="100" height="30" id="Menu_front_r1_c7" alt="" /></a></td>
              <td><img name="Menu_front_r1_c8" src="MENU_BARS/Menu_front_r1_c8.gif" width="2" height="30" id="Menu_front_r1_c8" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(500);" onmouseover="MM_menuShowMenu('MMMenuContainer0722143726_0', 'MMMenu0722143726_0',50,25,'Menu_front_r1_c9');MM_nbGroup('over','Menu_front_r1_c9','MENU _BARS/Menu_front_r1_c9_s2.gif','MENU_BARS/Menu_front_r1_c9_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c9','MENU_BARS/Menu_front_r1_c9_s3.gi f',1);"><img name="Menu_front_r1_c9" src="MENU_BARS/Menu_front_r1_c9.gif" width="100" height="30" id="Menu_front_r1_c9" alt="" /></a></td>
              <td><img name="Menu_front_r1_c10" src="MENU_BARS/Menu_front_r1_c10.gif" width="2" height="30" id="Menu_front_r1_c10" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s2.gif',' MENU_BARS/Menu_front_r1_c11_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s3. gif',1);"><img name="Menu_front_r1_c11" src="MENU_BARS/Menu_front_r1_c11.gif" width="100" height="30" id="Menu_front_r1_c11" alt="" /></a></td>
              <td><img name="Menu_front_r1_c12" src="MENU_BARS/Menu_front_r1_c12.gif" width="2" height="30" id="Menu_front_r1_c12" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s2.gif',' MENU_BARS/Menu_front_r1_c13_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s3. gif',1);"><img name="Menu_front_r1_c13" src="MENU_BARS/Menu_front_r1_c13.gif" width="100" height="30" id="Menu_front_r1_c13" alt="" /></a></td>
              <td><img src="MENU_BARS/spacer.gif" width="1" height="30" alt="" /></td>
            </tr>
            <!--   This table was automatically created with Adobe Fireworks   -->
            <!--   http://www.adobe.com   -->
          </table>
          <div id="MMMenuContainer0722143726_0">
            <div id="MMMenu0722143726_0" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu0722143726_0_Item_0" class="MMMIFVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> Links </a> <a href="javascript:;" id="MMMenu0722143726_0_Item_1" class="MMMIVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> FAQ's </a> </div>
          </div>
        </div>

    Thanks Ken,
         I appreciate you looking at this.
    Basically im trying to create it on percentage width and centred within the container, if that makes any sense.
    Darren
    <!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="Content-Type" content="text/html; charset=utf-8" />
    <title>Chiltern Home Care</title>
    <link href="chc_style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    .style2 {font-family: Verdana, Arial, Helvetica, sans-serif}td img {display: block;}td img {display: block;}
    body {
        background-image: url(CHC_BACK2.jpg);
        background-size: cover;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
    body,td,th {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 100%;
    </style>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script language="JavaScript1.2" type="text/javascript" src="MENU_BARS/mm_css_menu.js"></script>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    </head>
    <script language="javascript1.2" type="text/javascript" src=""></script>
    <body>
    <div class="container">
      <div class="banner">
        <div class="menu_bar">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="#">Services</a></li>
            <li><a href="#">Getting Started</a></li>
            <li><a href="#">Funding</a></li>
            <li><a href="#">Our Carers</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Links &amp; FAQ's</a>
              <ul>
                <li><a href="#">Links</a></li>
                <li><a href="#">FAQ's</a></li>
              </ul>
            </li>
            <li><a href="#">Work for Us</a></li>
            <li><a href="#">Contact Us</a></li>
          </ul>
        </div>
    <div class="care_text">Care for you or your family shouldn't cost the earth.</div>
    <div class="logo_text">Chiltern Home Care    </div>
        <div class="call_us"> Contact us to discuss<br />YOUR care needs<br />TEL: ***** ******<br />[email protected] </div>
      </div>
      <div class="main">
        <div align="center">Content for  class "main" Goes Here</div>
      </div>
      <div class="footer">
        <div class="copyright">Copyright &copy; Chiltern Home Care Limited 2013 All Rights Reserved</div>
        <div class="cqc_logo"></div>
      </div>
    </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    CSS
    .Main_head {
        height: 81px;
        width: 383px;
        position: absolute;
        left: 590px;
        top: 220px;
        background-color: #64a377;
        border-radius: 20px;
    .banner {
        float: left;
        height: 260px;
        width: 100%;
        visibility: visible;
        position: fixed;
        z-index: 1000000;
        background-color: #64a4eb;
        top: 0px;
        left: 0px;
    .main {
        float:left
        height: 600px;
        width: 980px;
        height: 1200px;
        position: relative;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        -moz-border-radius-topright: 80px;
        -moz-border-radius-bottomleft: 80px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomright: 10px;
        top: 285.px;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 40px;
        background-color: #64a377;
        top: 390px;
        margin: 0px auto;
    .logo {
        float: none;
        height: 150px;
        width: 150px;
        position: absolute;
        z-index: auto;
        top: 6px;
        background-repeat: no-repeat;
        background-position: center;
        visibility: visible;
        left: 1px;
        background-image: url(../../CHILTERN%20HOME%20CARE/MEDIA/CHC_Logo_perfect_Vector.gif);
    .logo_text {
        position: absolute;
        width: 80%;
        height: 116px;
        visibility: visible;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 350%;
        text-align: left;
        font-weight: normal;
        color: #FFF;
        text-shadow: 0px 5px #000000;
        left: 15%;
        top: 17px;
        float: left;
    .cqc_logo {
        height: 46px;
        width: 120px;
        position: absolute;
        background-repeat: no-repeat;
        background-color: #FFF;
        background-image: url(CQC%20Logo.jpg);
        z-index: 30;
        left: 848px;
        bottom: 11px;
    .menu_bar {
        width: 100%;
        height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18pt;
        font-weight: bolder;
        visibility: visible;
        text-align: center;
        left: 1px;
        position: absolute;
        top: 199px;
    .h6 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 150%;
        font-style: normal;
        color: #FFFFFF;
        position: absolute;
        left: 150px;
        top: 120px;
        width: 637px;
        float: left;
        visibility: visible;
        font-weight: normal;
        text-align: center;
        height: 34px;
    .footer {
        height: 70px;
        width: 980px;
        position: relative;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-color: #64a377;
        margin: 0px auto;
    .container {
        height: 1900px;
        width: 100%;
        position: absolute;
        left: auto;
        top: 0%;
        right: auto;
    .copyright {
        height: 15px;
        width: 814px;
        position: absolute;
        visibility: visible;
        left: 1%;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 100%;
        text-align: left;
        color: #000000;
        font-variant: normal;
        bottom: 3px;
        font-weight: bold;
    .main_head_left {
        height: 100px;
        width: 300px;
        position: absolute;
        left: 10px;
        top: 6px;
    .main_head_right {
        height: 100px;
        width: 300px;
        position: absolute;
        top: 6px;
        right: 28px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 28px;
        color: #ffffff;
        font-style: normal;
        text-align: center;
        vertical-align: top;
    .main_head_middle {
        height: 49px;
        width: 353px;
        position: absolute;
        top: 16px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 36px;
        color: #FFF;
        text-align: justify;
        right: 13px;
    .main_top_sm_l {
        height: 207px;
        width: 300px;
        left: 5px;
        top: 5px;
        position: absolute;
        visibility: visible;
        background-color: #990;
        text-align: center;
        vertical-align: middle;
    .main_left_full {
        height: 700px;
        width: 400px;
        position: absolute;
        visibility: visible;
        background-color: #C99;
        color: #ffffff;
        font-size: 16px;
        top: 2px;
        left: 10px;
    .main_right_full {
        height: 700px;
        width: 400px;
        position: absolute;
        visibility: visible;
        background-color: #C99;
        color: #ffffff;
        font-size: 16px;
        top: 3px;
        right: 28px;
    .call_us {
        height: 100px;
        width: auto;
        position: absolute;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 100%;
        text-align: center;
        color: #FFF;
        font-weight: normal;
        background-color: #3488E4;
        border-radius: 20px;
        padding: 0.5%;
        left: 1077px;
        vertical-align: middle;
        text-shadow: none;
        top: 66px;
    .main_centre_full {
        background-color: #64a377;
        height: 97%;
        width: 98%;
        position: relative;
        top: 12px;
        margin: auto;
        border-radius: 20px;
    .care_text {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 150%;
        color: #FFF;
        height: 32px;
        width: 80%;
        position: absolute;
        left: 8%;
        top: 135px;
        float: left;
        word-wrap: normal;
        text-align: center;
    .circle {
        background-color: #FFF;
        height: 300px;
        width: 300px;
        position: absolute;
        left: 1235px;
        top: 272px;
        border-radius: 200px;

  • Fireworks CS6

    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:
    And here is explorer:

    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.
    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.
    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.

  • Error fireworks cs6

    to save the text of an error which is "an internal error occurred"?

    You can resolve the issue by clearing the 2 preference files in your mac
    Library ▸ Preferences ▸ Adobe Fireworks CS6 ▸ en
    Fireworks CS6 Panel Prefs.xml
    Fireworks CS6 Preferences

  • Java2D text rendering quality

    Dear all,
    I am currently trying to get high quality rendering for monochrome text, targeting epaper viewers. I draw strings into a BufferedImage, and display it on my LCD monitor in order to quickly check the rendering quality, before transferring it to epaper. I am encountering some disappointing surprises using Java2D, and cannot get a good output quality:
    - TextAttribute.WEIGHT produces only 2 different renderings, regular or bold.
    - Fonts appear very very light for sizes up to 17pt, and suddenly appear bold at 18pt+ sizes
    I am working under Windows XP SP 2, with JDK 1.6.0. Here follows a small piece of code illustrating the second problem. When comparing output with Photoshop or Fireworks outputs, the results are really disapointing, and I am sure that I am missing something...
    Thanks in advance for any help/tip.
    Sincerely,
    Jean-Marie
    import javax.swing.*;
    import java.awt.*;
    import java.awt.font.FontRenderContext;
    import java.awt.font.TextLayout;
    import java.awt.font.TextAttribute;
    import java.awt.image.BufferedImage;
    import java.text.AttributedString;
    public class TextRendering extends JPanel {
        private static final int WIDTH = 2000;
        private static final int HEIGHT = 8000;
        private static final int MIN_SIZE = 13;
        private static final int MAX_SIZE = 72;
        private static final int STEP = 1;
        private BufferedImage buf;
        public TextRendering() {
            setMinimumSize(new Dimension(WIDTH, HEIGHT));
            setPreferredSize(new Dimension(WIDTH, HEIGHT));
            buf = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_BYTE_GRAY);
            Graphics2D g2d = (Graphics2D) buf.getGraphics();
            g2d.setColor(Color.WHITE);
            g2d.fillRect(0, 0, WIDTH, HEIGHT);
            g2d.setColor(Color.BLACK);
            g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            g2d.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_LCD_HRGB);
            g2d.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
            g2d.setRenderingHint(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
            // g2d.setRenderingHint(RenderingHints.KEY_TEXT_LCD_CONTRAST, 250);
            FontRenderContext frc = g2d.getFontRenderContext();
            Font f = new Font("Arial", Font.PLAIN, 24);
            int y = 20;
            for (int i = MIN_SIZE; i <= MAX_SIZE; i += STEP) {
                String s = new String(i + "pt- I would like to get a better rendering ! ");
                AttributedString attText = new AttributedString(s);
                attText.addAttribute(TextAttribute.FOREGROUND, Color.black);
                attText.addAttribute(TextAttribute.FONT, f.deriveFont((float)i));
                TextLayout textlayout = new TextLayout(attText.getIterator(), frc);
                textlayout.draw(g2d, 10, y);
                y += i + 10;
        public void paint(Graphics g) {
            Graphics2D g2d = (Graphics2D) g;
            g2d.drawImage(buf, 0, 0, null);
        public static void main(String[] args) {
            JFrame f = new JFrame("Text rendering demo");
            f.getContentPane().add(new JScrollPane(new TextRendering()), BorderLayout.CENTER);
            f.setSize (600, 800);
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.setVisible(true);
    }

    Of course, the same rendering problem can be observed with the more sophisticated "Font2DTest" example which can be found in the JDK samples: with the Arial font, the text becomes "semi-bold" starting from 18pt size, whereas it is very light for sizes up to 17pt.
    Thanks again for any help.
    Jean-Marie

  • Fireworks CS6 is always pixelated - please help!

    Whenever I open Fireworks (CS6) the whole page is pixelated including all adobe text around the edge, for example the word 'properties' etc. Dreamweaver, Photoshop, Flash etc. don't do this so why does Fireworks?Fireworks

    You are working on a Mac, correct? Fireworks does not support retina screens very well, so it looks fuzzy.
    And no, Adobe will not solve this, because Fireworks is no longer developed or maintained since May 2013.

  • Problem editing labels of radio button symbols in Fireworks CS6

    Hi,
    I'm new to Fireworks, and I am struggling with symbols. I have encountered several problems creating reusable symbols and especially editing the labels.
    Problem 1
    I can't edit the label of a symbol that I create using a default Common Library symbol as a starting point. Here's how to reproduce:
    - Open a default symbol, say RadioButton(win) for editing
    - Do changes (font for example)
    - Save as a new symbol in the Common Library folder
    - Use the new symbol in a new document
    - Editing the label in symbol instance properties does not work
    Continuing with a rather irrelevant use case just trying to understand what is going on:
    - Add a default symbol RadioButton(win) from the Common Library to the same document
    - Now try editing the label of the new symbol (added to the document above)
    - The label (and other properties) of the default symbol are edited instead
    Problem 2
    Why can I not enter a number as a label of the RadioButton(win) symbol, found in the Common Library? The workaround is simple though, I can just enter a number followed by a space.
    Problem 3
    How to create a set of a heading and three radio buttons as a symbol? If I simply convert three RadioButton(win) symbols and a text element to a new symbol, I lose the possibility to edit the labels of the radion buttons. The properties show that the radio buttons have labels from the time before converting to a new symbol, but in the new symbol the radio button elements have labels that say "label", and I cannot edit them.
    What is the best way to create radio buttons, check boxes, combo boxes and other symbols with custom look and feel, while retaining all the functionality of the symbols?
    Thank you,
    Teemu
    Fireworks CS6 12.0.1.273

    misterMistake wrote:
    > Fireworks v. 9.0.0.1188
    >
    > I have created a 4 state button & saved it to my
    button library. Now I need
    > to modify the graphic but cannot select it. When I first
    click on the "down"
    > state, the graphic is selected along with the "active
    area." If I grab the
    > button I can move it but then it immediately snaps back
    to it's original
    > position. I then cannot select the button again until I
    click to another state
    > and then back again to "down." This problem is not just
    with the "down" state
    > but all states. The documentation makes clear that I can
    just double click on
    > the button, either on the workspace or in the library,
    make my edits and then
    > click "done" in the button editor window. Clearly I've
    either done something
    > incorrect to lock the graphic or my understanding of the
    process is incorrect.
    > Any help appreciated.
    Can you upload a copy of the PNG file to your website for us
    to have a
    look at?
    Linda Rathgeber
    http://www.adobe.com/communities/experts/members/8.html

  • I can't type vietnames language in adobe firework cs6 or is bug ?

    in adobe fireworks cs5 , this is great , so when i using fireworks cs6 can't i type vietnames language in text !!
    ex : i type  t + u + w +c +s in firework cs5 this text is tức so in fireworks cs6 can not type t + u + w , the text will format and jumb to center of layer
    thanks for help !!

    Hi,
    I am moving your question to the Fireworks forum.  They are much more likely to have an answer for you.
    Sujatha PJ

  • Text rendering on MacBook Pro differs from PowerBook.

    It appears that various applications use a different text rendering technique on the MacBook Pro than on the Powerbook. Camino for instance uses sub-pixel rendering on the PowerBook but standard anti-aliasing on the MacBook Pro. So do Word and MSN and others.
    At first I thought it had something to do with the app being universal or not. But Camino is supposed to be a universal binary.
    Anyone has a clue about why this difference?
    (You can easily see if sub-pixel or standard rendering is used by zooming in with option-cmd-8. Standard rendering has only shades of gray. Sub-pixel rendering uses colors. More on OS X text rendering can be found here: http://daringfireball.net/2003/11/panthertextrendering.)

    First, I wonder - does it look good or bad? Or, is this simply a comment that it is different?
    Second, and I'll bet this is your answer, is that the difference is most likely due to the type of video card being used. I notice that nothing effects rendering of fonts like the type of video card.
    I am interested because I will be doing lots of text work on my MBP, and would like to know if there is an issue with this. I had a notebook (Toshiba) about three years ago that the text was soft and nothing I could do would make it sharper. I ended up dumping the notebook and getting something else. MS Cleartype seems to work to some degree in Windows machines, but I don't see anything like that on my PB. However, the PB is fine as it...
    Bob

  • Help! Upgrade Fireworks CS5 (from Creative Suite 5 Web Premium) to Fireworks CS6 not working!

    Today I bought and downloaded Fireworks CS6 from the Adobe webshop as an update for my Fireworks CS5 that was included in my Creative Suite 5 Web Premium-set.
    But during the installation of Fireworks CS6 the serial number of my Creative Suite 5 Web Premium - needed for the installer to verify that I could 'legaly' upgrade - was not accepted! So now I can use Fireworks CS6 only as a try-out-version...
    What can I do? If Creative Suite 5 Web Premium isn't the right upgrade-version: how can I get my money back? Or is there another solution?
    Please help Adobe!
    And thanks in advance,

    Thanks for the reply. but how do I manually weed out the install entries in my registry? could you please guide me with the steps? This http://www.adobe.com/support/contact/cscleanertool.html is not working I am afraid. I understand that I need to uninstall the creative suite before I run CS cleaner. But as I explained in my first question, the uninstallation is not working at all. Even I could uninstall the software, I am afraid that I may get into trouble if installatin is not working. All I want is that my photoshop error " save for web devices " which was grayed out should work as normal. This error happened after I moved the plug-ins.
    Thanks
    Uthan

Maybe you are looking for

  • How do I transfer pictures from an old iPhone to a new one?

    I'm soon going to switch to an iPhone 5S from an iPhone 4S and I want to know the easiest way to transfer my pictures. If this helps, I have a 2012 iMac with iPhoto and OSX Mavericks installed.

  • ITunes downloads will not play on my PC . . .

    but they will play on my iPad2 through iCloud.  There are no errors next to the songs and the downloads were successful--but I can only play them on the one device.  The biggest issue is I want to download them onto my shuffle for running--and I have

  • Report for STO sale in receiving plants

    Hi All, Our client has as many as 20 plants. One of these plants (lets say Plant 001) has got some tax benefits on sale of its manufactured goods. Most of the other 19 plants are manufacturing and selling plants. Some of these plants receive material

  • SLOOOOW during themes; Causes computer to crash

    Help! I just spent quite a bit of money (as you all know) on my new powerbook G4 last weekend and have so far been exceedingly satisfied with my purchase. Then, today I upgraded my standard iLife program to iLife 06, and was particlarly excited to st

  • Users table in Portal database

    Hello experts, We need to store some additional information in addition to userID and password for each portal user (to additional attributes). If we use the standar users table of the Portal DB, is it possible to alter this table, include these two