IE6 rendering images two times.

D

DirtBird

New Member
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!
 
ronaldroe

ronaldroe

Super Moderator
Staff member
Because you're declaring both for IE6. "lte" means "less than, equal to", so it calls IE6 and every one below.
 
D

DirtBird

New Member
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...
 
ronaldroe

ronaldroe

Super Moderator
Staff member
You're still calling IE6 twice. Try [if !IE 6] which basically says "if NOT IE 6"
 
D

DirtBird

New Member
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>
 
You must log in or register to reply here.
Top