Images displayed strangely in Firefox

So, I have this bizarre issue with firefox.  Some images (but not all) get displayed with very strange colours.
For example:
And how this image should look:
This only occurs in firefox.  I have tried removing the ~/.mozilla directory, to no effect.  Does anyone know what might be causing this?  I'm totally clueless.

Klepper wrote:
I once had the same issue
switching from internal amd/ati graphics to an nvidia card resolved the issue for me
LOL!
That's just about the weirdest solution I've heard in a while - and I mean weird in a funny sense :-)

Similar Messages

  • Images displayed differently in Firefox

    I have a Dreamweaver page that displays normally in IE. But when I open it in firefox, one of the elements is displayed differently. Specifically, I have some social media icons that are supposed to be displayed horizontally, and they are in IE. But when I open the same page in Firefox, it displays those same icons vertically. How can I correct that? Thanks.
    http://www.blackexpotourweb.com/hampton.html

    This is what I see
    <style type="text/css">
    html {
        background-color: #000;
        height: 100%
    body {
        width: 1000px;
        margin: auto;
        background: url(http://www.keystonemkg.com/Hampton.gif) no-repeat;
        height: 800px;
        position:relative;
        background-image: url(Hampton.gif);
    .maintext {
        font-family: "Courier New", Courier, monospace;
    #apDiv1 {
        position:absolute;
        width:174px;
        height:305px;
        z-index:1;
        left: 289px;
        top: 329px;
    #apDiv2 {
        position:absolute;
        width:328px;
        height:449px;
        z-index:2;
        left: 138px;
        top: -49px;
    #apDiv3 {
        position:absolute;
        width:137px;
        height:126px;
        z-index:2;
        left: 448px;
        top: 417px;
    .infotext {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #FFF;
    siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        color: #000;
    .siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #000;
    #apDiv4 {
        position:absolute;
        width:715px;
        height:22px;
        z-index:3;
        left: 253px;
        top: 804px;
    #apDiv5 {
        position:absolute;
        width:170px;
        height:242px;
        z-index:4;
        left: 46px;
        top: 408px;
        text-align: center;
    dropsha {
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    #apDiv6 {
        position:absolute;
        width:883px;
        height:62px;
        z-index:5;
        left: 71px;
        top: 141px;
        vertical-align: middle;
        text-align: center;
    #apDiv7 {
        position:absolute;
        width:170px;
        height:69px;
        z-index:4;
        left: 51px;
        top: 710px;
        text-align: center;
    #apDiv4 .infotext .siteinfo {
    eventtext {
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv8 {
        position:absolute;
        width:181px;
        height:27px;
        z-index:6;
        left: 281px;
        top: 327px;
        font-weight: bold;
    a:link {
        color: #FFF;
    a:hover {
        color: #F00;
    #apDiv9 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:6;
        left: 16px;
        top: 764px;
    .maintext1 {    color: #FFF;
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv10 {
        position:absolute;
        width:115px;
        height:36px;
        z-index:6;
        left: 831px;
        top: 716px;
        float: left;
    #rightjust {
        text-align: right;
    #apDiv11 {
        position:absolute;
        width:868px;
        height:53px;
        z-index:7;
        left: 77px;
        top: 214px;
        text-align: center;
    </style>
    What you need to do is add the bold part into this as per
    <style type="text/css">
    html {
        background-color: #000;
        height: 100%
    body {
        width: 1000px;
        margin: auto;
        background: url(http://www.keystonemkg.com/Hampton.gif) no-repeat;
        height: 800px;
        position:relative;
        background-image: url(Hampton.gif);
    .maintext {
        font-family: "Courier New", Courier, monospace;
    #apDiv1 {
        position:absolute;
        width:174px;
        height:305px;
        z-index:1;
        left: 289px;
        top: 329px;
    #apDiv2 {
        position:absolute;
        width:328px;
        height:449px;
        z-index:2;
        left: 138px;
        top: -49px;
    #apDiv3 {
        position:absolute;
        width:137px;
        height:126px;
        z-index:2;
        left: 448px;
        top: 417px;
    .infotext {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #FFF;
    siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        color: #000;
    .siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #000;
    #apDiv4 {
        position:absolute;
        width:715px;
        height:22px;
        z-index:3;
        left: 253px;
        top: 804px;
    #apDiv5 {
        position:absolute;
        width:170px;
        height:242px;
        z-index:4;
        left: 46px;
        top: 408px;
        text-align: center;
    dropsha {
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    #apDiv6 {
        position:absolute;
        width:883px;
        height:62px;
        z-index:5;
        left: 71px;
        top: 141px;
        vertical-align: middle;
        text-align: center;
    #apDiv7 {
        position:absolute;
        width:170px;
        height:69px;
        z-index:4;
        left: 51px;
        top: 710px;
        text-align: center;
    #apDiv4 .infotext .siteinfo {
    eventtext {
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv8 {
        position:absolute;
        width:181px;
        height:27px;
        z-index:6;
        left: 281px;
        top: 327px;
        font-weight: bold;
    a:link {
        color: #FFF;
    a:hover {
        color: #F00;
    #apDiv9 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:6;
        left: 16px;
        top: 764px;
    .maintext1 {    color: #FFF;
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv10 {
        position:absolute;
        width:115px;
        height:36px;
        z-index:6;
        left: 831px;
        top: 716px;
        float: left;
    #apDiv10 img {
        float: left;
    #rightjust {
        text-align: right;
    #apDiv11 {
        position:absolute;
        width:868px;
        height:53px;
        z-index:7;
        left: 77px;
        top: 214px;
        text-align: center;
    </style>
    and remove the float: left that you placed in the meantime under #apDiv10
    Gramps

  • HELP- Images displayed correctly in Firefox but not IE

    I cannot figure out (I'm a newbie) how to set the code so
    that the picture on my entry page looks the same in terms of
    placement in IE and Firefox In Firefox, it's perfect but there is
    empty space below the image in Internet Explorer. This is driving
    me crazy!

    On Thu, 25 Jan 2007 12:50:37 +0000 (UTC), "majpix"
    <[email protected]> wrote:
    >I cannot figure out (I'm a newbie) how to set the code so
    that the picture on
    >my entry page looks the same in terms of placement in IE
    and Firefox In
    >Firefox, it's perfect but there is empty space below the
    image in Internet
    >Explorer. This is driving me crazy!
    Can we see the page so that we can see where the image is in
    the code?
    Sounds like a padding/margin problem.
    Steve
    steve at flyingtigerwebdesign dot com

  • W520 with Pantone X-Rite, Images display strangely

    I have a W520 with the Pantone Color X-Rite calibrator. Ive run the calibration for all the different settings but whenever I view and image it has a tourquoise back ground but only in Windows Photo Viewer. I realize the work around is just use a different image viewer but I fear this is just a symptom of a bigger problem and want to make sure I resolve it.
    Has anyone seen this before?
    Thanks,
    Matt

    hey ThePriceIsWrong,
    if it happens only with the Windows Photo Viewer, i would suggest getting in contact with microsoft about this.
    WW Social Media
    Important Note: If you need help, post your question in the forum, and include your system type, model number and OS. Do not post your serial number.
    Did someone help you today? Press the star on the left to thank them with a Kudo!
    If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"!
    Follow @LenovoForums on Twitter!
    Have you checked out the Community Knowledgebase yet?!
    How to send a private message? --> Check out this article.

  • Images are displayed wrong in firefox

    Hello!
    I am a photographer, uploading images in png to my gallery at deviantart.com. I noticed that the images are displayed wrongly in firefox - but in IE9 and Opera they are shown correctly. I have tried with different color management settings in about:config but none of that has solved the problem. I would like to know why it is that firefox can't show the colours correctly, like opera and IE?
    If it's impossible to fix I will just simply have to stop using firefox which would be a shame when I have been using the browser for many years. The problem has not existed earlier.
    Best regards

    http://kasperarts.deviantart.com/gallery/#/d2to4iq
    That image for instance. And I save them using Adobe RGB since thtat's the colour space I work in, but this has never been a problem before.

  • PS CS5 Image Display Differs From Used ICC Profile In Win 7

    Hi,
    on my Windows 7 Ultimate x64 machine, I just calibrated my Dell SP2309W monitor using an i1DisplayPro and basICColor 5, creating a ICC v2 profile (I am aware of the problems under Windows with ICC v4 profiles).
    It created the ICC profile and applied it to be used by Windows. I double checked under COLOR MANAGEMENT that the new ICC profile is being used. Although I can see that the new ICC is being used (desktop appearance changes), there are a few issues I am experiencing:
    (1.) Windows Photo Viewer
    The thumbnails in Windpows Explorer look fine (they DO use the new ICC profile), when I double click a jpeg and open the image it DOES NOT use the new ICC profile. When I click the PLAY SLIDESHOW button (starting the slideshow) in the opened image in Windows Photo Viewer, the images DO use the new ICC profile.
    (2.) Internet Browsers
    All current internet browser (Firefox, IE, Safari and Chrome) DO use the new ICC profile and display the image correctly.
    (3.) Photoshop CS 5
    When I open the same image - that Windows Photo Viewer does not correctly displays (according to the new ICC profile) - in Photoshop CS5, I get the same image display that Windows Photo Viewer gives me (when not thumbnail or not in slideshow mode) - it appears to be the sRGB display.
    My color settings in PS CS5 are: North America General Purpose 2 > sRGB IEC 61966-2.1.
    When I go to View > Proof Setup > Monitor RGB I get the image display using the new ICC profile.
    Why does the image look different in PS than my calibrated monitor should output ?
    I was under the impression (please correct me if I am wrong), that the sole purpose for calibrating my monitor was to get a uniform display across (ICC aware) applications. Even when one applies different color spaces to a document in PS, I thought the output on my calibrated screen done by the graphic card should always be according to my calibration and the settings in the ICC profile being used.
    What Am I doing wrong or what am I misunderstanding ?
    Any help or input is appreciated !
    Thanks.
    - M

    Hello,
    A note on monitor calibration: calibrating your monitor will not guarentee that every application will display color correctly, it's more of a step along the pipeline, and for the preview part of a color workflow it's the last step.  Here's how color translation follows for an ICC workflow when previewing to a monitor:
    Image Color Numbers > Document Tag or Workspace Profile > Monitor Profile
    For non-color managed applications, if the original document is or isn't tagged with a color profile it will be translated directly to the monitor profile anyway.  This is the equivalent in Photoshop of selecting "Monitor" in soft proofing.  Selecting monitor in softproofing will bypass the tagged or workspace profile to translate colors directly through the monitor profile.
    For most automatic color managed applications (like Firefox), the image will be translated through the tagged profile and then sent through the monitor profile.  If the image is untagged or the profile is unrecognized, the colors get sent directly to the monitor profile.
    For Photoshop, a tagged document will have its profile respected and then sent to the monitor.  An untagged document will be assigned the workspace profile, which acts like a temporary document profile, and then gets sent to the monitor.  This is often why users will notice Photoshop behaves differently from other applications.  It's usually a case of the workspace coming into play.  By default the workspace profile is set to sRGB.  You can change this in Edit > Color Settings.
    The purpose of the workspace is originally for printing workflows, as a way of keeping consistant color translations when dealing with both tagged and untagged documents.  For web output workflows it can be useful for viewing everything through sRGB, which is typical of the average monitor output (not so with newer wide-gamut monitors, another source of confusion...) combined with the fact that originally most web browsers were not color managed.  Hence viewing everything through sRGB is pretty close to what most monitors see and what untagged/unmanaged docs will look like.
    Monitor calibration is useful only because it brings your monitor output to a "known state".  In traditional workflows the monitor was always a middle-man, a preview device which was useful for getting an idea of what the printed output would look like before you print it.  Since print colorspaces are often smaller than display spaces, it's feasible and useful to narrow down the monitor/display space and calibrate it to a known state, so that even if it doesn't totally match the print, you'll get used to its differences/limitations and they'll be consistent so long as the calibration is maintained.
    For web output, your final output is often another user's computer monitor, which can have any form of behavior (most standard monitors are pretty close to sRGB, or use sRGB as an operating system workspace (default monitor profile).  Wide gamuts behave differently, but I'm not sure if there's a particular ICC space that they closely match, or if different wide-gamuts are even that close to each other in their display color spaces.
    Hope this helps!

  • Can I make an image display instead of flash slideshow on explorer with high security?

    I am a total flash beginner.  I created a simple flash slideshow that I want to appear on my website.  It works fine in firefox., but when viewed in explorer with high security, nothing displays unless the viewer specifically allows it. The slideshow is very prominent, and the site looks very bad when only an x shows up.   Is it possible to have a static image display in place of the slideshow, and then have the slideshow start if the viewer allows it? Is there any other way to get around this? 
    Thank you for any assistance.
    EJ

    Have you tested it with IE online or only locally?  Locally IE will usually prohibit displaying Flash content.

  • Sudden Display issues in Firefox from Dreamweaver-built pages

    Hi, first time posting and a novice at Dreamweaver and web design so please bare with me.
    I'm an IT administrator for a small charity company and they decided to ask me to build them a website, I bought Dreamweaver in University and had a small try with it but never really used it since.
    Now I'm no web designer but I'm trying the best I can, I managed to make a few preliminary pages for use and found they displayed correctly in most browsers apart from IE and Opera.
    But Suddenly today - after no editing or alterations since friday (and it displayed fine yesterday on tuesday), it started experiencing the same issues in Firefox this morning for no apparent reason. I assumed that it would be a problem with Firefox but when trying to sign up to Firefox help I meet an "Access Denied" page after clicking to sign up. Now I know there's no point in searching their forums for that issue because of course, how can someone complain they have the problem when the fact they can't get on the forums to post is what's preventing the post in the first place?
    I googled both of those issues and turned up nothing, which led me here.
    The "Access Denied" at signup issue is obviously not what I'm seeking for here though, but would like to know if anyone else has experienced the issue with the formatting suddenly displaying incorrectly in browsers when they worked fine before?
    Like I said, I'm a complete novice at web design and dreamweaver so feel free to tell me the coding in the website is pants, I know it is but it does (did!) the job in most browsers.
    Any help at all would be appreciated.
    Faultlessdark
    www.guidonsupportservices.org.uk
    PS. For an ironic laugh - note the "This website is best displayed in Mozilla Firefox and Google Chrome" at the bottom of the page

    My advice, although negative, would be to stay clear unless you are confident and capable of using html and css. Dreamweaver won't do the job for you and you will be biting off more than you can chew.
    Having said that I've made the necessary changes so that your page will work in all browers. Just copy the whole html code and css below, paste into a new Dreamweaver document and save to your site root folder.
    Do not mix measurements i.e., width 43em, padding 15px etc. I would advise staying with px based measurements as measurements are critical to if the site works or not. I don't know what 43em + 15px makes but I do know what 170px + 15px makes. I have changed the width of the containers in your code to px.
    <!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">
    <title>Home</title>
    <script type="text/javascript" src="swfobject.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    <!--
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    background-image: url(background.jpg);
    background-color: #FFFFFF;
    /* Tips for Elastic layouts
    1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
    2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
    3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
    #wrapper {
    width: 909px;
    margin: 0 auto;
    .oneColElsCtrHdr #sidebar1 {
    float: left;
    width: 170px; /* since this element is floated, a width must be given */
    border: 2px solid #FFF;
    padding: 15px 0; /* top and bottom padding create visual space within this div */
    color: #FFFFFF;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    .oneColElsCtrHdr #container {
    width: 735px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
    background: #FFFFFF;
    border: 0px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    .oneColElsCtrHdr #container2 {
    width: 735px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
    background: #FFFFFF;
    padding: 0px 0px;
    float: left;
    border: 0px solid #000000;
    text-align: left;
    .oneColElsCtrHdr #header {
    background: #FFFFFF;
    padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .oneColElsCtrHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .oneColElsCtrHdr #mainContent {
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
    .oneColElsCtrHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#FFFFFF;
    .oneColElsCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    text-align: center;
    font-size: 70%;
    .oneColElsCtrHdr #container #mainContent h1 {
    text-align: center;
    .oneColElsCtrHdr #container #mainContent h2 {
    text-align: center;
    .White {
    color: #FFF;
    .White {
    font-size: 70%;
    .oneColElsCtrHdr #container #FlashMenuLabs {
    text-align: center;
    .oneColElsCtrHdr #container #FlashMenuLabs {
    font-size: 80%;
    #sidebar1 p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    .oneColElsCtrHdr #sidebar1 p {
    font-size: 90%;
    .oneColElsCtrHdr #sidebar1 p {
    font-family: "Times New Roman", Times, serif;
    -->
    </style>
    </head>
    <body class="oneColElsCtrHdr">
    <div id="wrapper">
    <div id="sidebar1">
    <center><h3>Site Map</h3>
      <strong>Home</strong>
      <strong><p>Guidon Support</p></strong></center>
      <p>-Our aim</p>
      <p>-What we do</p>
      <p>-Management Team </p>
      <p> -Careers</p>
    <center><strong><p>Guidon Recycling</p></strong></center>
      <p>-Materials</p>
      <p>-Our Customers</p>
      <p>-How we can help</p>
      <center><strong><p>Groundworks</p></strong></center>
      <p>-Projects</p>
      <p>-Services</p>
      <p>-Our Skills</p>
      <center><strong><p>The Charity</p>
      <p>Contact Us</p>
      <p>About Us</p></strong></center>
    </div>
      <div id="container2">
      <div id="container">
       <img src="guidon banner.jpg" width="734" height="229" />
      </div>
      <!-- Flash Menu Labs – www.flashmenulabs.com -->
      <div id="FlashMenuLabs">Oh dear, it appears you have an older version of Adobe Flash player or don't have it installed, you need it to navigate our website - <a href="http://www.adobe.com/go/getflashplayer">Go get it!</a>            
      </div> 
      <script type="text/javascript">
        // <![CDATA[
            var so = new SWFObject("menu.swf", "menu", "740", "160", "8", "#000000");
            so.addParam("wmode", "transparent");
            so.addParam("scale", "noscale");
            so.addParam("salign", "TL");   
            so.write("FlashMenuLabs");
        // ]]>
        </script> 
       <div id="mainContent">
        <h1>Welcome - Under Construction</h1>
        <p>Welcome to the Guidon website. Guidon Support services is just a small part of the Guidon Group, which covers different areas such as Recycling, Civil Engineering and work based training. Please be aware that the site is under construction and this is the Home page. This is currently on here as a test to ensure that everything displays correctly. The full website will be available soon.</p>
        <p>You'll notice that our company is split in to these different areas on the website - so if you want to know about any of our services just pick the department on the handy menu above and head on over. </p>
        <p>Our recycling services cover a wide range of materials, including various metals and plastics - if you have some materials that you want us to take off your hands, go take a look to see if we process it, then give us a call. We'll collect and move it all - for free!</p>
        <p>Guidon Support Services is the main branch of the Guidon Group. The active offshoot of The Guidon Charity, Support Services aims to give current and ex-servicemen the opportunity to transfer their experience and skills to be applied in the civilian workplace, allowing them to get on their feet if they're having trouble getting back in to work.</p> 
        <p>Our groundworks services is our own little civil engineering division aiming to install GSHP (Ground Source Heating Pump) systems for private and commercial properties.</p>
        <h2>The Guidon Charity</h2>
        <p>The Guidon Group is set up for one ideal: To  reduce the harm caused by homelessness, drug and or alcohol abuse and to  support serving or former service personnel or their families to lead a happy,  healthy and productive life. Profits generated by the Guidon Group are passed on to the Guidon Charity to help us fulfill this aim
          <!-- end #mainContent -->
        </p>
        <p> </p>
      </div>
      <div id="footer"> 
        <p>This website is best viewed in Google Chrome and Mozilla Firefox - <a href="Browser Support Page.html">Why?</a></p>
        <p>Guidonsupportservices.org.uk &copy;2011 The Guidon Group. </p>
        <p>Contact the webmaster; [email protected] </p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </div><!-- end wrapper --
    </body>
    </html> 

  • Hover menu buttons not displaying correctly in Firefox

    Hello,
    I have a small problem with firefox. It does not seem to
    display the images correctly. In firefox the buttons are pushed
    down and you can only see part of the image. In IE6 and IE7 it is
    displayed fine.
    here is the URL so you can take a look at it:
    Page
    Does anyone know what the problem might be?

    Just drop a zoom:100% style on the link, and IE will get it
    right.
    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
    ==================
    "TC2112" <[email protected]> wrote in
    message
    news:fh2nt4$4u8$[email protected]..
    > Hello,
    >
    > The problem is with IE, not Firefox.
    > The content of your menu link tags is a clear gif image
    that is the same
    > height as the background images applied to the link tag
    that change on
    > mouseover.
    > Even though it looks like you want it to in IE, IE is
    actually rendering
    > your
    > code incorrectly.
    > Firefox is rendering your code exactly as it should.
    >
    > Your background images are applied by CSS to the link,
    not the image
    > within.
    > In standards compliant browsers like Firefox, the height
    of link
    > attributes
    > such as background and border are determined by the font
    size or line
    > height
    > that applies to that link, even if there is no text in
    the link.
    > As a test, you can add font-size:38px (the height of
    your background
    > images)
    > to "table.menu" in your CSS and you'll see your entire
    link background
    > images
    > in FF.
    > IE incorrectly streches the link background to the
    height of the image
    > within
    > within the link.
    > IE does the same thing to borders if they are applied to
    just the "a" tag
    > and
    > not to "a img" in the CSS.
    >
    > A quick fix:
    >
    > table.menu { width:186px; margin-top:6px;
    > line-height: 38px; }
    >
    > A better fix and some great information:
    >
    >
    >
    >
    http://projectseven.com/tutorials/css/uberlinks/index.htm
    >
    > and:
    >
    >
    http://css.maxdesign.com.au/listamatic/
    >
    > Hope that helps,
    >
    > Take care,
    > Tim
    >

  • Subtitles & other text not displaying properly safari & firefox

    Hello
    some text in Safari and Firefox is seriously degraded. I changed to Firefox because Safari was displaying wrongly, but Firefox has the same problem. See image:
    I cannot use subtitles on BBC streamed movies either, and the timing of the movies on the bottom ribbon do not display either
    I am using Lion 10.7.5
    Is there a solution for this problem?

    The tags at the bottom of my original message are out of date:
    Should be
    Mac OS Lion 10.7.5
    Safari 6.0 (7536.25)
    Firefox 16.0.2

  • Go back to old image display

    I just updated to Firefox 11 and the new image display is awful. When I go to an image URL (like this http://www.google.com.br/images/srpr/logo3w.png ) it's displayed with a dark background. It would be better if the background was soft grey... but it's too dark!
    Is there a way to use the old image display, with white background or changing the background color?

    <strike>I don't think that you can use code in userContent.css to fix this</strike>.<br />
    <strike>There is no selector possible to set the background-color for the body if there is only an img (body > img:only-child) on that page.<br />
    Only a script would be able to accomplish that AFAIK.</strike>
    It looks that I'm wrong about this.
    *http://userstyles.org/styles/58710/firefox-11-change-image-view-background
    *http://forums.mozillazine.org/viewtopic.php?f=38&t=2443535
    Add this code to userContent.css in the chrome folder
    *http://kb.mozillazine.org/userContent.css
    <pre><nowiki>@-moz-document regexp("((.*\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\/.*))(\\?([^#]*))?(#(.*))?") {
    html > body { background-color: #E8E8E8 !important; }
    html > body > img:only-child { background-color:#fff !important; box-shadow: none !important; margin: 0 !important; }
    </nowiki></pre>
    * resource://gre/res/TopLevelImageDocument.css

  • Images display gibberish

    Hi support -
    I'm having issue with the way my Wordpress site is displaying images in Firefox.
    http://dev.thecosmicpath.com/test/
    Clicking on the image displays a page full of gibberish. I did some research and I saw your article about properly configuring MIME types but I can't seem to get that to fix. I do have access to the htaccess file and added: AddType text/css .css line in, but that didn't seem to fix. Hoping you can help me out. Thank you!

    That image is send as text/plain as you can see in Tools > Page Info > General.
    So it is clearly a problem with the server configuration.
    It works this way:
    <pre><nowiki>data:text/html,<img src='http://dev.thecosmicpath.com/wp-content/uploads/Bs1r788CAAEi-xo1.jpg'>
    </nowiki></pre>
    Note that the thumbnail fails as well:
    *http://dev.thecosmicpath.com/wp-content/uploads/Bs1r788CAAEi-xo1-298x300.jpg
    You would need AddType image/jpg .jpg
    *https://developer.mozilla.org/Properly_Configuring_Server_MIME_Types
    *https://developer.mozilla.org/How_Mozilla_determines_MIME_Types

  • Images Display for my website

    Image buttons are not displaying properly in firefox.. but its fine in IE, Chrome and Safari.. please advise

    Image Attached

  • Imaq Image Display Control - Zoom tool - zoom factor changes slowly

    Hi at all,
    we have a strange behavior with the zoom factor of the Image Display Control in an Labview executable.
    Ususally by clicking into the image with the zoom tool activated, the zoom factor changes from 1,2,4,8,16, ... ("x2")
    Now we have one PC, where it changes from 1,2,3,4,5,... ("+1")
    Has anyone an idea on which windows setting this behavior depends on? The PC runs with Windows XP SP3, the LV-Exe was built
    with LabVIEW 8.5.1 and the Vision Development Module 8.5.0. Is there any regsitry setting where I can adjust the "click intensity" or
    something like that? Or can I set a property of the image control to force a specific behavior?
    Actually I have never seen this behavior before, I only know the half/double mode. 
    In the software the operator has to search for fiducials on PCBs what means he has to click several times into the image.
    Changing in the Mode "+1" instead of "x2" is not acceptable for him.
    Thanks for your help!
    Stefan

    Hello Stefan,
    thank you for posting at the National Instruments forum. The "Zoom Behaviour" was changed due to customer requests. I totally agree with you, that it is not the best solution to click 24-times to get the desired region of interest.
    I created a small example for LabVIEW 2010, which uses a property node and event structure, to perform the zoom programmatically.
    Best regards
    MarianO
    Attachments:
    Calculate Zoomfactor.vi ‏21 KB
    Image Example.vi ‏63 KB

  • Chinese characters are not displayed in the Firefox bookmarks

    Chinese characters are not displayed in the Firefox bookmarks. The name looks like e.g. "??????? ???? cn.nytimes.com"
    Chinese character of the site name is displayed ok in the head of the browser window and there is no problem reading chinese web content. I use Firefox Portable 11 /English from portableapps.com in Windows XP.
    I googled and got some tips:
    1) Set your browser to recognise Chinese language internet sites.
    Windows users: Under "Tools - Options" on your browser's menu-bar add Chinese to the languages list.
    - I did this.
    2) Set your browser's "Character Set" or "Encoding" to UTF-8 (sometimes also called Universal Alphabet or Unicode).
    Encoding settings can be changed under the "View" option in your browser's menu-bar.
    - It was already set to UTF-8.
    3) Windows users: If Chinese text still does not display correctly, East Asian language support may need to be enabled.
    - This has been done when I installed Windows.
    I still don't get any Chinese fonts in the bookmark names. I can edit the bookmark name with chinese characters and then save the bookmark, it works fine. But why does not Firefox recognize the characters when saving bookmarks? Help is appreciated.

    No I didn't change anything deep beneath the hood. My problem didn't apply to the URL, but to the name of the link or bookmark header or whatever you would like to call it. (When hitting Ctrl + D there is a Name field). I only got ???????? instead of chinese characters in the name. Also for e.g. www.cntv.cn ...but maybe all China is not in the whitelist either. ;-) But anyway, this was not the real problem for me.
    Apparently I was wrong as after a reboot of the computer it worked. The solution seemed to be to add Chinese to the language list. I don't know why it was not enough to restart Firefox?
    Now I only have problems to show chinese characters in the name field of my external link manager... But I guess it is not an issue for Mozilla.

Maybe you are looking for

  • Zire 31 Won't Sync in Vista

    I just upgraded to Vista from XP.  My Palm Desktop software seems to mostly be working okay in the operating system, but when I try to "hotsync" my handheld with the Palm Desktop, Windows tells me that I need a driver.  It can't find one in the CD, o

  • ITunes requiring authorization to play a song I've purchased

    I purchased an album from Itunes but one song will not play.  Everytime I try to play it I get this message I type my password to authorize computer, although its already authorized and I get this message.  ***??? <Email Edited By Host>

  • Strange SFTP error message

    I can no longer connect using SFTP on one of my sites in Dreamweaver CS6 and I get this error message: Failed to Read the contents of XML Resource: IDD_SSH_KEY_CHANGE_DIALOG The password and paths  are correct and I am able to connect using other SFT

  • Creating a gleam inside of letters

    Hi, I've always been stumped with how to do this so thought I'd post it here.  I've typed up some text and then rasterized it.  Then I created a blank layer above it, highlighted the text below, then made the blank layer active and painted a shiny gl

  • Hardware driver programming : Help !!!

    Hello I just bought a special X-ray sensor, which came with its ISA interface card but without any driver. The documentation indicates which registers and memory range to read and write, and I have to build the LabView driver myself. I need to progra