Skip navigation
super waffle
super waffle
Currently Being Moderated

more internet explorer 9 problems

Aug 17, 2012 2:15 PM

This time im sure its simple. all the images have a blue or purple outline around them idk why that i looked it up and everyone suggested changing the borders to none i did that but i still see outlines just in Internet explorer. what am i missing here?

1250 Views   9 Replies   Latest reply: Rik Ramsay, Aug 17, 2012 3:00 PM
 
Replies
  • John Waller
    Currently Being Moderated
    1. John Waller,
    Aug 17, 2012 2:31 PM   in reply to super waffle
    Report

    In each new thread, please post a link to your website so we can take a look in our browsers.

     

    Not everyone is following every thread you've started.

     
    |
    Mark as:
  • MurraySummers
    Currently Being Moderated
    2. MurraySummers,
    Aug 17, 2012 2:32 PM   in reply to super waffle
    Report

    In the future, please confine multiple threads like this and others to a single thread perhaps about IE9 issues.

     

    I suspect your problems (all of them) have nothing to do with IE9, and more to do with the code on your pages.

     
    |
    Mark as:
  • Al Sparber
    Currently Being Moderated
    3. Al Sparber,
    Aug 17, 2012 2:39 PM   in reply to MurraySummers
    Report

    I am sure the chap is in compatibility view. The post from our forum (on

    the original thread, I believe) will show him or her quite simply how to

    fix IE9. From there, he or she needs to address older versions of IE (as

    well as old versions of Firefox) by including the script that Adobe

    somehow neglected to deliver by default with an HTML5 DOCTYPE.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • super waffle
    Currently Being Moderated
    4. super waffle,
    Aug 17, 2012 2:40 PM   in reply to John Waller
    Report

    srry here it is

     

    http://creationsmh.com/

     
    |
    Mark as:
  • Rik Ramsay
    Currently Being Moderated
    5. Rik Ramsay,
    Aug 17, 2012 2:48 PM   in reply to super waffle
    Report

    As per my last post on your other thread, add img a {border:none; display:block;} to your CSS. It is not in your CSS on the link you posted. This does, in almost all cases, sort out the blue border in IE.

     
    |
    Mark as:
  • John Waller
    Currently Being Moderated
    6. John Waller,
    Aug 17, 2012 2:50 PM   in reply to super waffle
    Report

    Add

     

    a img { border: none; }

     

    anywhere inside your main.css stylesheet

     
    |
    Mark as:
  • John Waller
    Currently Being Moderated
    7. John Waller,
    Aug 17, 2012 2:51 PM   in reply to Rik Ramsay
    Report

    Should be "a img", rather than "img a"

     
    |
    Mark as:
  • Al Sparber
    Currently Being Moderated
    8. Al Sparber,
    Aug 17, 2012 2:53 PM   in reply to super waffle
    Report

    It's identical in Firefox 14 and IE9 except for the default border around the images inside your a tags. To fix that, add this rule to your style sheet:

    a img {border: none;}

     

    Perhaps English is not your native language and your eyes are glossing over because of all the information being thrown at you, but you have neither included the IE edge meta tag nor the legacy browser HTML5 shim script.

    I do not believe in using HTML5 DOCTYPES yet so I do not have a copy of the script handy. But to lock IE9 into standards mode, simply place this meta tag in the head of your document:

     

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

     

    --
    Al Sparber - PVII
    http://www.projectseven.com
    The Finest Dreamweaver Menus | Galleries | Widgets
    Since 1998

     
    |
    Mark as:
  • Rik Ramsay
    Currently Being Moderated
    9. Rik Ramsay,
    Aug 17, 2012 3:00 PM   in reply to John Waller
    Report

    Woops! Thanks John. Oversight on my part.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

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