为什么我的Facebook [推荐]按钮在底部被切断？

为什么我的按钮在底部被切断？它应该有21px的高度。这是明显的位置：为什么我的Facebook [推荐]按钮在底部被切断？

http://mayacove.com/dev/sm/test_like.html

2011-03-15 kali

记得要接受一个答案，如果其中一个解决方案已经解决您的问题。 – Dan 2011-03-15 07:00:52

根据http://developers.facebook.com/docs/reference/plugins/like/ iframe的高度使用标准布局时应该是35px。如果你看看你的按钮的尺寸，它的高度是24px，所以它不适合21px。

来源

2011-03-15 04:23:11

你可以尝试手工编写的东西CSS文件类似下面的

a.connect_widget_like_button { 
    padding:3px 4px !important; 
}

但无可否认这是不大不小的杂牌的。

编辑：其他答案似乎更好，但你似乎也需要更大的宽度。你应该修改你的内联iframe样式。

<iframe [...] height:23px; width:101px; [...]>

来源

2011-03-15 04:24:51

他实际上有两个宽度：width：450px;高度：24px的;宽度：100像素; – Dan 2011-03-15 04:30:51

@丹好抓，尽管看起来只有最后一个正在被应用。我修改了我在Chrome检查器中看到的100像素。 – 2011-03-15 04:36:52

您的iFrame的高度不够高，不适合整个按钮。另外，您已指定overflow:hidden的内联样式，以便任何多余的内容不会显示。

如果从21px改变的iFrame高度类似24px的，它显示了完整的按钮：

<iframe src="http://www.facebook.com/plugins/like.php?&lt;%=thisURL%&gt;&amp;show_faces=false&amp;width=450&amp;action=recommend&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:24px; width:100px; overflow:hidden; " allowtransparency="true"></iframe>

另外，我在你的iFrame内嵌样式我们注意到，您分配了两个宽度：

... width:450px; height:24px; width:100px; ...

您将需要删除其中一个声明。

问候，丹

来源

2011-03-15 04:26:14 Dan

为什么我的Facebook [推荐]按钮在底部被切断？

回答

相关问题