facebook like button not appearing <fb:like> - html

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.

Related

Problems opening hyperlinks

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.

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?

safari browser shows lines around div-- issue/bug

My website link is "http://orangecountyclassiccars.com/"
and its in PHP. When user clicks on comment button near to FBlike button, A Facebook comment-box appears. It perfect in all browsers but when open in apple/Mac it shows lines behind Facebook comment-box.
Here is attached Screenshot.
Thank You

Chrome displaying tooltip behind link

Developing a plugin for Chrome, I've used data-tooltip for links which require a tooltip. Until 2-3 days ago, everything seemed to be working fine.
Today I've discovered that the tooltip for links inside a modal display behind the modal. Nothing has changed in my code. I even tested with older versions of my app ant it still displays the tooltips behind the modal.
My guess is that Chrome has changed the way it views tooltips. Any idea what I can do to fix it?
Example of tooltip usage:
<div class="choose-platform" data-tooltip="GoogleDrive">
...
</div>
Screenshot of the error I'm facing
On hover of Google Drive Icon, the tooltip appears behind modal
It seems like tooltip is appended in body. Try giving higher z-index than modal box

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.