爲什麼我的按鈕在底部被切斷?它應該有21px的高度。這是明顯的位置:爲什麼我的Facebook [推薦]按鈕在底部被切斷?
http://mayacove.com/dev/sm/test_like.html
爲什麼我的按鈕在底部被切斷?它應該有21px的高度。這是明顯的位置:爲什麼我的Facebook [推薦]按鈕在底部被切斷?
http://mayacove.com/dev/sm/test_like.html
根據http://developers.facebook.com/docs/reference/plugins/like/ iframe的高度使用標準佈局時應該是35px。如果你看看你的按鈕的尺寸,它的高度是24px,所以它不適合21px。
你可以嘗試手工編寫的東西CSS文件類似下面的
a.connect_widget_like_button {
padding:3px 4px !important;
}
但無可否認這是不大不小的雜牌的。
編輯:其他答案似乎更好,但你似乎也需要更大的寬度。你應該修改你的內聯iframe樣式。
<iframe [...] height:23px; width:101px; [...]>
他實際上有兩個寬度: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?<%=thisURL%>&show_faces=false&width=450&action=recommend&font=verdana&colorscheme=light&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
; ...
您將需要刪除其中一個聲明。
問候, 丹
記得要接受一個答案,如果其中一個解決方案已經解決您的問題。 – Dan 2011-03-15 07:00:52