Problems opening hyperlinks - html

On our webpage some links can not be opened anymore. When hovered, the correct URL is shown in the little preview box in the bottom left corner. But when clicking the hyperlink, nothing happens. Strangely it works on mobile view.
Only the hyperlinks with the link text "Weiterlesen >>" seem to not work.
Any suggestions?
Link to the page

Link to answer - How to fix problem with clicking event on bxSlider item in Chrome 73?
There is a bug with bxSlider in chrome. You should set touchEnabled: false in order to use clickable links without your slider.

Related

Chrome Link Preview Doesn't Disappear When Mouseout

Mouseover an a tag with chrome, it displays a href text at the bottom left corner, but sometimes after mouseout, the text display doesn't disappear, and sometimes it changed to display another link.
What cause the problem? Is it chrome's bug or related to some tips that frond-end designer should follow?

IE9 CSS issue with before and after

I have a CSS bug in one of the templates I am using.
Here is the hosting link:
Demo Link
You have to click on the cog icon (the gear icon on top right) then click on the "Menu on top" option.
This is happening in IE9, the menu dropdown appeared to be squeezed (http://imgur.com/ry2T4C1). I cannot figure out how to fix this or what to change as I cannot inspect element properly for IE9. Does anyone know or can help me with this? Been stuck for a while on it and my users needs this menu to be working.
Thank you in advance!

facebook like button not appearing <fb:like>

I have added a facebook like button with this code:
<div id="fblike"><fb:like id="aa" layout="button_count" show_faces="false" ></fb:like></div>
The problem is that it works only on Chrome and IE.
How is it possible?
In Firefox it is not showing.
You can see it at: http://judopassion.com/wordpress/?p=274
When you go forward to the image gallery, a pop-up will appear with the button.
What may be the problem?
Thanks.
If it only does not work in Firefox, my guess would be this problem:
Facebook Like buttons not displaying when loaded hidden
Btw, i only see one like button on your page, and that is right next to the article, always visible in every browser. If i click on the arrows in the gallery, thereĀ“s only a popup with countdown. When the countdown is over i can browse through the pictures. No sign of an additional like button.

Click through transparency in Chrome

I am having issues with overlaying divs with transparency and being able to click on both layers in Chrome (but not IE).
In my search for answers I found the following example to illustrate:
http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html
The source for that page is commented to explain about transparency.
If I view this page in IE I can highlight (ie interact) both the text in the box("Here is a div with...") AND the text at the top ("This DIV is overlayed on..."). However, when I open the same page in Chrome, I cannot select the text at the top.
This highlights the issue I am having in using iframes which contains links, but I also want the page containing the iframe to also allow links to be clicked. The transparanecy works in Chrome in as much as I can see both sets of links, but can only click those on the top layer (ie the iframe). The top iframe allows me to see what is behind but not interact with it.
I know about pointer-events:none however, that then stops the links on the iframe. I can basically get it working on the background html OR the overlying iframe but not both!
Hope this all makes sense and thanks in advance.
It seems that the solution specifically for chrome is using the css:
div#parent, div#parent div {pointer-events:none;}
meaning Div, and all children div as well should enable clicking through.
I found the solution here:
Click through transparency in Chrome

css3 fade transition on links only works for some links on my website for chrome

Here is a jsfiddle which works: http://jsfiddle.net/n52ES/
It is how I have it set up on my website. However, if you notice on my website, only the 'subscribe' link in the footer (bottom center) works with the fade in transition on hover and the other links above it (i.e. google+, twitter) don't work. The same for the links at the very top right of the website in the navigation. I noticed this only happens in Chrome.
Does anyone have an idea as to why it only works for the 'subscribe' link? I'm lost.
The current version of Chrome stable has a bug that prevents it from animating visited links: http://code.google.com/p/chromium/issues/detail?id=101245 (this is why you are able to see it, but other people won't unless they actually click and go back to your website).
I'd just wait for it to be fixed.