Facebook Like Button Too Small

Issue #16 new
Irene Jordan repo owner created an issue

Foo

.

Facebook Like Button Too Small .

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

MENU About The Company Bloomberg London Homepage Markets Stocks Currencies Fixed Income ETFs Commodities Rates + Bonds Economics Magazine Benchmark Watchlist Economic Calendar Tech U.S. Height: 65 pixels. The only problem that remains is that if a user likes, then dislikes, the box will not shrink to fit the "unliked" state, but that'll do for me, not going to waste any more energy on this. Due to the nature of the button, the width is not constant in all states. –Roland Oct 11 '16 at 19:49 add a comment up vote 1 down vote CSS fix .fb-like, .fb-like > span, .fb-like > span iframe { max-width:273px; } shareimprove this answer answered Aug 25 '12 at 9:23 Tym3k 111 When providing code that solves the problem, it is best to also give at least a short explanation of how it works so that folks reading won't have to mentally parse it line by line to understand the differences. I did come up with a programatic kludge of sorts, though. Ansonsten zeigt eine Zahl, wie viele Fans deine Seite bereits auf Facebook gesammelt hat. Terms of Service Trademarks Privacy Policy 2017 Bloomberg L.P. It may be temporarily unavailable, moved or no longer exists. Hopefully some Facebook employee swings by and sees this. Webseite eingeben 3. Funktioniert das auch mit Wordpress?. rev2018.1.9.28319 . Es ist nicht notwendig, spezielle Deutsche Gefllt mir Buttons von Facebook zu erstellen. shareimprove this answer answered Jan 28 '11 at 10:59 Andrius Paulauskas 1194 1 This actually only resizes the iframe, but still cuts some text inside it, since some of the deeper tags within iframe still have CSS width assignments that you can't modify outside of the document. Anyway here is some test code if you want to give it a try. The idea is that although you can't read the content width of the iframe, you can loop through a series of widths for the iframe itself until you find one that just barely prevents the text inside from wrapping. But it's now quick enough (around 5 seconds) that it might actually be usable. button Minimum width: 47 pixels. Falls Deine Freunde Deine Seite bereits geliked haben, werden diese je nach Button-Typ ebenfalls neben dem Button angezeigt. EDIT: Did a little more experimenting, still an awkward workaround but faster than before: var likediv, likeframe, targwidth; function loadcode(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/enUS/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); } function init() { loadcode(document, 'script', 'facebook-jssdk'); likediv=document.getElementById('d2'); setTimeout(initx, 10); } function initx() { likeframe=likediv.getElementsByTagName('iframe')[0]; if (!likeframe) { setTimeout(initx, 10); return; } likeframe.style.width='225px'; setTimeout(shrink, 10); } function shrink() { likeframe=likediv.getElementsByTagName('iframe')[0]; var currwidth=parseInt(likeframe.style.width); if (currwidth>=500) return; targwidth=currwidth+5; likeframe.style.width='10px'; likeframe.style.height='0'; setTimeout(checkframe, 10); } function checkframe() { var h=parseInt(likeframe.offsetHeight); if (h==0) { setTimeout(checkframe, 10); return; } likeframe.style.width=targwidth+'px'; likeframe.style.height='0'; setTimeout(checkframe2, 10); } function checkframe2() { var h=parseInt(likeframe.offsetHeight); if (h==0) setTimeout(checkframe2, 10); else if (h>25) shrink(); //else we are done; make the frame visible if we hid it earlier } Here is some right-aligned text to compare to. Einbinden kannst Du den generierten Likebutton von Facebook ganz simpel: Kopiere den erzeugten Code an die Stelle im HTML-Quellcode, an der der Button erscheinen soll. What's really strange is that apparently this used to be possible by setting the data-width to 0, which made the iframe automatically choose an appropriate width. Gibt es den Facebook Like Button fr Wordpress als Widget?. Bloomberg the Company & Its ProductsBloomberg Anywhere Remote LoginBloomberg Anywhere LoginBloomberg Terminal Demo Request Bloomberg Connecting decision makers to a dynamic network of information, people and ideas, Bloomberg quickly and accurately delivers business and financial information, news and insight around the world. No funny effects. boxcount Minimum width: 55 pixels. Even better would probably be a rough adjustment to get close, then a fine adjustment to get it perfect. To be clearer, this is what I'm doing: . Facebook Like Button erstellen. Detecting whether the text is wrapping is easy enough in principle -- you set the iframe width, wait for the FB code to adjust the content, and then read the height. Bist Du ein echter Profi und arbeitest direkt mit HTML oder Templates, so kannst Du die Dateien lokal mit dem Editor Deines Vertrauens ndern und mit dem FTP-Programm Deiner Wahl auf Deinen Webspace oder Server hochladen. Hope it helps. Security CheckPlease enter the text belowCan't read the text above?Try another text or an audio captchaEnter the text you see above.Why am I seeing this?Security CheckThis is a standard security test that we use to prevent spammers from creating fake accounts and spamming users.Submit.. Page Not Found Unfortunately, this page does not exist. I'm using the JavaScript SDK implementation, not the direct iframe. You can get an App ID by creating an app here: shareimprove this answer answered Apr 8 '12 at 13:53 Pascal 1,3841109 +1 This actually worked (to my surprise). Wordpress oder Drupal nutzt, bitte darauf achten, den Code wirklich als Quelltext und nicht im visuellen Editor einzufgen 5a02188284 http://gangala.findthebetter.com/2018/01/09/iphone-frozen-after-facebook-update/ http://telegra.ph/Facebook-Auto-Like-Easy-Way-01-09 http://crimegear.yolasite.com/resources/ordre-apparition-amis-facebook.pdf http://dealbberna.fileswill.com/2018/01/09/how-big-are-facebook-cover-photos/ http://dastidi.fileswill.com/2018/01/09/facebook-chat-jar-phoneky/ https://diigo.com/0b7bh9 https://www.flickr.com/groups/3828565@N24/discuss/72157690423974611/ http://flusinspon.blog.fc2.com/blog-entry-62.html https://disqus.com/home/discussion/channel-acobregdough/facebook_chat_nokia_5230_descargar/ http://erlatruca.diarynote.jp/201801100709292995/

Comments (0)

  1. Log in to comment