IE6 rendering images two times.

Discussion in 'Programming' started by DirtBird, May 31, 2012.

to remove all ads.
  1. DirtBird

    DirtBird New Member

    Messages:
    3
    Hi -

    Here's the link: www.liveinsunvalleyidaho.com/property-search

    You'll notice that in IE6 the "Click to Seach Now" button is rendered two times. (You can see in FF adn Chrome that "Click to search now", the image of Flex MLS and the FlexMLS logo all link to a lightbox popup so that the user can search the properties...just how I want it). I had added the following code to make the image link actually work, but now it's rendering the image two times in IE6:

    Code:
    <!--[if lte IE 6]><![if gte IE 7]><![endif]--><div>
    <p><a href="http://link.flexmls.com/wwjkpphc4ok,1" rel="lightframe"> 
    <img alt="Search Listings Now" src="/sites/default/files/searchnow.png" style="width: 335px; height: 54px; margin-left: auto; margin-right: auto; display:block;" /></a></p></div>
    <!--[if lte IE 6]><![endif]><![endif]-->
    
    <!--[if IE 6]><div>
    <p class="picClass"><a href="http://link.flexmls.com/wwjkpphc4ok,1" target="_blank">
    <img alt="Search Listings Now" src="/sites/default/files/searchnow.png" class="pic1" style="width: 335px; height: 54px;" />
    </a></p></div>
    <![endif]-->
    Any ideas on what the heck is going on here and how to fix it?

    Thanks a ton!
     
  2. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Because you're declaring both for IE6. "lte" means "less than, equal to", so it calls IE6 and every one below.
     
  3. DirtBird

    DirtBird New Member

    Messages:
    3
    Tried changing that - didn't work

    Hi -

    I tried changing the code to:

    Code:
    <!--[if IE 6]><![if gte IE 7]><![endif]--><div>
    <p><a href="http://link.flexmls.com/wwjkpphc4ok,1" rel="lightframe"> 
    <img alt="Search Listings Now" src="/sites/default/files/searchnow.png" style="width: 335px; height: 54px; margin-left: auto; margin-right: auto; display:block;" /></a></p></div>
    <!--[if IE 6]><![endif]><![endif]-->
    
    <!--[if IE 6]><div>
    <p class="picClass"><a href="http://link.flexmls.com/wwjkpphc4ok,1" target="_blank">
    <img alt="Search Listings Now" src="/sites/default/files/searchnow.png" class="pic1" style="width: 335px; height: 54px;" />
    </a></p></div>
    <![endif]-->
    Still getting the same response - two images and links being rendered (this is a drupal site by the way - don't know if that helps...
     
  4. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    You're still calling IE6 twice. Try [if !IE 6] which basically says "if NOT IE 6"
     
  5. DirtBird

    DirtBird New Member

    Messages:
    3
    This is what ended up working

    I couldn't figure it out... so I went a different route. Here's what ended up working, if anyone else is having the same trouble:
    I targeted IE6 with specific styles using the "_" - it didn't work, by the way, if I created a class name for each div, so I just inserted it right into the div itself.

    Code:
    <div style="_display:none;">
    <p><a href="http://link.flexmls.com/wwjkpphc4ok,1" rel="lightframe"> 
    <img alt="Search Listings Now" src="/sites/default/files/searchnow.png" style="width: 335px; height: 54px; margin-left: auto; margin-right: auto; display:block;" /></a></p></div>
    
    <div style="display:none; _display:block;>
    <p class="picClass"><a href="http://link.flexmls.com/wwjkpphc4ok,1" target="_blank">
    <img alt="Search Listings Now" src="/sites/default/files/searchnow.png" class="pic1" style="width: 335px; height: 54px;" />
    </a></p></div>
     
  6. DHDdirect

    DHDdirect New Member

    Messages:
    383

Share This Page