Only bottom of small-image link works
Wordpress site, right column, top. Four small images, each with a link. In Firefox (28.0), only the bottom part of these images provide links. In IE, the entire images work fine as links.
Here is the code for the images and links.
<p><a href="https://plus.google.com/u/0/%2BMalcolmRuthven/posts" target="_blank"><img src="/images/icon-google-plus_30x30.png" border="0"></a> <a href="https://www.facebook.com/pages/Malcolm-Ruthven-Bankruptcy-Attorney/204001739622533" target="_blank"><img src="/images/icon-facebook_30x30.png" border="0"></a> <a href="https://twitter.com/MalcolmRuthven" target="_blank"><img src="/images/icon-twitter_30x30.png" border="0"></a> <a href="http://www.avvo.com/attorneys/94903-ca-malcolm-ruthven-250064.html" target="_blank"><img src="/images/icon-avvo2_30x30.png" border="0"></a> <a href="http://www.yelp.com/biz/malcolm-ruthven-san-rafael-2" target="_blank"><img src="/images/icon-yelp2_30x30.png" border="0"></a> </p>
Modified by cor-el
All Replies (3)
This usually happens when another element is overlaying that space.
You can right-click the not working area and use Inspect Element to open the Inspector to see what element is selected.
Thanks very much for that reply. Sure enough, the inspector shows a rectangular element stating at the top of the menu bar and extending down through about 2/3 of the way through those small social media icons.
The code that creates that too-high element is buried somewhere in Wordpress, so now I'll post a question over on that forum.
But... Why does that element not interfere with the image links in IE but does interfere in Firefox?
This element might not be present in IE or IE allows to click through this element. Firefox doesn't do this.