Problems with like and send buttons on ie7 and ipad - ipad

I'm French web developer, i have 2 bugs to fix for my website, i hope you can help...
I have like button, send button, and comment on my website.
The two problems are :
in IE7 the facebook like ans send buttons are not displayed correctly, it's buttons of 15px width.
On IPad, when I click on the button, the button disappears.
I tried all the codes you propose but nothing is working.
Thank you for your attention and help,

The given example code works for me. As long as you add // becore connect.facebook
Test page:
http://jsbin.com/igikap/1/edit
Result in IE7:
http://www.webpagetest.org/result/120920_11_JAR/

Related

Menubar in UIWebview not showing up on first longpress action

So this problem is a little tricky. Basically, I found that the menu bar won't pop up in a UIwebview the first time you long press on a word. It would show something like this:
Example img
The words are selected, but the menubar is now showing. However, the second time you longpress on another word,the menubar just pops up fine.
Example img
Also, if you tap anywhere in the UIwebview or scroll it before longpressing on a word, the menu bar also shows up. It's just when the long press action is the first action you have with the UIwebview, the menu bar won't show up.
I checked this problem with some other third-party web browsers on app store (firefox, chrome). The same problem exists. However, Safari does not have this problem. Also, my iPad 2 does not have this problem either. But my iPad air does, so do the xcode simulators.
Not sure if I'm describing this problem clearly, thanks in advance for anyone that helps.
This problem is kind of Bug in iOS 9 web view
Me and my colleague was having same discussion yesterday.
Also it is only on Web view,Messaging apps works fine

Facebook Like button & Twitter Follow button not inline on iOS browsers (Chrome / Safari)

If you visit: http://onrepeatthisweek.tumblr.com/ and drag your viewport down to around 400px and click the down arrow next to O&O&O&O you'll see that the Twitter and Facebook buttons sit on the same line.
However if you were to do the same on Safari or Chrome iOS you'd see that the Facebook Like button sits on a new line underneath the Twitter button.
Both elements have 'display:inline-block !important;' applied to them.
I don't have Safari 6 so can't debug remotely.
I'd like to make it so that the Facebook and Twitter buttons are on the same line on iOS. Can anybody help?
Many thanks.
Thomas.
Adding position:relative; & width:auto !important; to both elements seemed to fix this although I suspect it was the latter that actually had an impact and I probably only needed to apply it to the Facebook Like button.

Twitter "Tweet" Button IE7 Bug (cut off text)

I'm trying to use the Twitter "Tweet" button on a site. It works great in all browsers, but in IE 7, it doesn't show the full width. There's no additional CSS in place, other than a little padding-left on the LinkedIn button for spacing.
Twitter have said that they fixed this issue a few months ago here, but I'm using the latest code from their developers site with no luck.
I've also tried the solution from StackOverflow suggesting to use .twitter-follow-button {width: 150px !important;}, but this also didn't solve the issue. The image below shows how it looks in IE7, with the text incorrectly cut short.
Any advice or suggestions of where to go next would be very much appreciated.
It looks like you are using the Twitter Share button instead of the Twitter Follow button. Therefore the used class as suggested by the quoted stackoverflow thread will not work. You should be using:
.twitter-share-button {width: 150px !important;}
The issue was a surrounding for the Twitter button that was being placed in-line, hence there wasn't a sign of it in the CSS. Thanks for your responses.

Twitter share button only shows up as hyperlink

I'm trying to add the Twitter Share button to my website. I've gone to https://twitter.com/about/resources/buttons#tweet and added the code to my html, but the "button" only shows up as a hyperlink.
Can someone tell me how to make the button look exactly like the normal twitter button that shows up on other sites?
Thanks.
I was able to make it work by changing the code that says
id;js.src="//platform.twitter.com/widgets.js
to
id;js.src="http://platform.twitter.com/widgets.js

Save to Foursquare button doesn't work on iPad

I'm trying to build an "Save to Foursquare" button to my site, but it doesn't work on an iPad. In fact, I checked and none of the sites that use this button work on the iPad - pressing the button just darkens the display but doesn't show the Foursquare dialog. Is there a fix for this?
We just pushed an improvement to handling the save-to-foursquare button on iOS. Hopefully that should fix whatever problem you were hitting?

Resources