Links not clickable on a Joomla built site
Running Mozilla 21 on Win 7. When initially loading my home page I can hover over a number of links in my main content and launch the link. If I then move around the page and come back to these links they frequently are not selectable. The cursor doesn't change to a hand nor does anything happen when I click the link. The only way to recover is to reload the page or navigate away to a different page. It occurred on Mozilla 20 as well but is fine in IE 9, Safari and Chrome. Same result in safe mode. Seems a Mozilla specific bug.
Chosen solution
Thank you for your assistance with this problem and glad it's not a Mozilla bug. I have referred your suggestion on to the developer of the slider extension so will liaise further with them for a solution.
Read this answer in context 👍 0All Replies (8)
If you right-click the link and choose Inspect Element (Q), does Firefox show that an element other than the link was clicked? Unlike some browsers, Firefox does not pass clicks through a transparent element to the element below it in the z-order.
Yes. If I right click on the link when not selectable it indicates selection of an image slider above. When the link is selectable then it correctly shows the link from the Inspect Element (Q). Is there a solution to this?
Can you post a link to a publicly accessible page that doesn't require authentication (signing on)?
Note that you may have to use a clear:both rule if floating content is involved.
Site is www.vmrbribie.com and the problem is with the links below the image slider on the home page (email icon, print icon and suggestions for improvement). Interestingly, the links in the sidebar don't seem to have the same problem.
You may have to move the cursor around the page and revisit the links a number of times before they become unclickable.
Thanks for your help.
This looks like a problem with the div.nivo-box elements.
There are three rows of them (rel="0" rel="1" rel="2") and they all have the same height (350px), but each row starts lower (top:0px top:88px top:176px).
Only rel="0" covers the image completely and the others descend and that causes them to cover the links (the print icon has just a few px left that you can click at the far right).
You can see that if you right-click that area and use Inspect Element.
This doesn't happen all the time, but if there is an image that makes this happen then the slide show stops as long as you are in that area.
Thanks for this. I'm not strong on html/css so can you suggest how I might fix this for Firefox users preferably by not changing the code of the extension ~ e.g. would resizing the slider box or the images be an option?
Try this as a "quick and dirty" fix. To prevent transparent elements from "sticking out" of the slider area, truncate anything that sticks out. Here's how.
In your source file, displayed in Firefox's source viewer as line 131 but this may differ on the server, add a rule:
</div><div class="above-content" style="overflow:hidden">
Seçilmiş Həll
Thank you for your assistance with this problem and glad it's not a Mozilla bug. I have referred your suggestion on to the developer of the slider extension so will liaise further with them for a solution.