Skip navigation
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?

 
Replies
  • Currently Being Moderated
    Aug 17, 2012 2:31 PM   in reply to super waffle

    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:
  • Currently Being Moderated
    Aug 17, 2012 2:32 PM   in reply to super waffle

    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:
  • Currently Being Moderated
    Aug 17, 2012 2:39 PM   in reply to MurraySummers

    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:
  • Currently Being Moderated
    Aug 17, 2012 2:48 PM   in reply to super waffle

    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:
  • Currently Being Moderated
    Aug 17, 2012 2:50 PM   in reply to super waffle

    Add

     

    a img { border: none; }

     

    anywhere inside your main.css stylesheet

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

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

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

    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:
  • Currently Being Moderated
    Aug 17, 2012 3:00 PM   in reply to John Waller

    Woops! Thanks John. Oversight on my part.

     
    |
    Mark as:

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