SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Square Icons Not Appearing in IE7

    LINK-
    http://www.tocdocs.com/specialties/

    The page linked above should display small square icons next to each specialty (Elbow, Foot and Ankle, Hand and Wrist, etc.) and they do display in about every browser except for the clients! I believe they are using Internet Explorer version 7. Can someone tell me why and how to fix this?

    Thanks in advance!

    Todd
    Todd Temple > T2 Design

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    The :before pseudo-element is not recognized by IE7.

  3. #3
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,798
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    you could achieve similar effects with BG images on the LIs.

    However, as long as we are on the subject of IE support:


    the following code added to the containing element emulates a :before tag in IE, use conditional comments to target lt IE7.
    Code:
    	zoom:expression(
    		runtimeStyle.zoom=1,
    		insertAdjacentHTML('beforeEnd','<span class="after"></span>')
    	);
    so:

    Code:
    .item:before, .item .before{} {...}
    and in a conditional stylesheet:
    Code:
    .item{
    	zoom:expression(
    		runtimeStyle.zoom=1,
    		insertAdjacentHTML('beforeEnd','<span class="after"></span>')
    	);	
    }

    hope that helps

  4. #4
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am going to try to add the Javascript library IE7-JS provided by Google to force older versions of IE to act like a modern browser. My problem now is that I am not able to test it. Can someone peek at my updated web page and let me know if there are small square icons appearing next to the list items now (Elbow, Foot & Ankle, etc.)? Here is a link to the page in question:

    LINK-
    http://www.tocdocs.com/specialties/
    Todd Temple > T2 Design

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    Todd, you can use a service lke
    http://browsershots.org/
    to test your code in a wide variety of browsers.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •