Joomla Templates Club 406,261 posts

[Live Friend LiveJoin date: September 2006Posts: 7Downloads:0Uploads:0 Thanks: 3]

#157711

http://www.funkweb.no/

The top icons + text (Joomla-Kurs | Animasjon …) works fine in most browsers. But are unclickable in IE7. They are simple image links (<a href=”..”><img/></a>).

Any suggestions?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#369068

Hello You try to remove the class=”caption” inside those img tags and check this issue again

Thanks

1 user says Thank You to Saguaros for this useful post

1. Live

[Phan Gam Friend Phan GamJoin date: June 2008Posts: 216Downloads:0Uploads:2 Thanks: 4 Thanked: 39 times in 38 posts]

#369082

Hi,
I have checked your site, I think causes of IE-7 problem comes from HTML mockup in topsl positon

<a href="/Produkter/kurs-opplaering.html">
<div class="img_caption left" style="float: left; width: 197px;"><img width="197" height="50" alt="Kurs i Joomla" src="/images/stories/bannere/banner-joomlakurs.png" class="caption" style="float: left;">
</div>
</a>
,
A <div> tag inside of <a> tag, is not good for IE7, this browser will be re-generate html, and push <div> outsite <a> tag, so your html is not correct.
To fix this bugs, try to replace <div> tag by <span>.

<a href="/Produkter/kurs-opplaering.html">
<span class="img_caption left" style="float: left; width: 197px;"><img width="197" height="50" alt="Kurs i Joomla" src="/images/stories/bannere/banner-joomlakurs.png" class="caption" style="float: left;">
</span>
</a>
,
Hope that helps

1 user says Thank You to Phan Gam for this useful post

1. Live

[Live Friend LiveJoin date: September 2006Posts: 7Downloads:0Uploads:0 Thanks: 3]

#369779

Thanks, a combination worked. I checked the code and the img tags only had class=”caption”, and no div. But removing class and moving the div outside the block worked. 🙂

[Author]

Posts