Edit: fixed anchor. This problem occurs when testing in the following browsers:
- Google chrome
- Firefox 3.5
- Safari
Works seamlessly in IE 8
I have a really weird problem. In short, take a look at the following html:
<a href="login_page.html" class="img">
<span class="img_holder">
<img src="images/columnists/mike_zeisberger248.jpg" onerror="this.src='default.jpg'"/>
</span>
<span class="btn">track him</span></a>
Here's img_holderthe css class:
.img_holder{
border: 1px solid #c8c8c8;
display:block;
background:#fff;
height: 100px
}
and class img:
.img{
_margin:0 12px 12px 0;
}
Now the problem is that clicking the image embedded in the anchor tag will not lead you to the href link (thought, the href link appears in the status bar when you hover over the image and opens perfectly when you open it in a new tab).
Any ideas?
source
share