0

以下の例からわかるように、Facebook のいいねボタンは、日付と記事の開始の間の空白スペースに表示されるはずですが、原因不明の理由で下に移動しています。私はそれがあいまいで奇妙なCSSのものだと確信していますが、どんな助けも大歓迎です. ありがとう!:-)

実際のページはこちら: http://readabout.me/achievements/Reinhardt-University-s-Morgan-Sparks-Selected-for-Who-s-Who-Among-Students-in-American-Universities-and-Colleges/ 3638644

例

4

5 に答える 5

2

私は問題を見つけました

マージン #news-story iframe.fb_ltr を削除してください

http://readabout.me/stylesheets/news.css 30行目 - 「#fbLikeButton」の問題を解決するために上部のパディングを設定します

firebug の問題を修正できました。これは print screenです。

于 2012-04-26T18:02:00.077 に答える
2

news.css ファイルの 30 行目を削除します。

#news-story iframe.fb_ltr {margin:25px 0 10px 0;}

いいねボタンの iframe に 25px の上余白を明示的に与えています。

于 2012-04-26T17:38:41.853 に答える
1

これで問題が解決すると思います:)

<div id="fbLikeButton" style="height: 50px; ">

編集: @cpilko が正確な理由を見つけたと思いますが、news.css はあなたのものではなく facebook のものだと思います。その場合は、css に次のコードを追加してみてください。

#news-story iframe.fb_ltr {
 margin: 0 !important;
}
于 2012-04-26T17:35:17.143 に答える
0

いいねボタンにheightプロパティを追加するだけです-#fbLikeButton{height:60px;}

于 2012-04-26T18:18:31.627 に答える
0

これはうまくいきました。みんな、ありがとう!

-#news-story iframe.fb_ltr {margin:25px 0 10px 0;}
+
+div#fbLikeButton {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}

基本的に、内部のスタイリングを削除し、周囲の div をスタイリングしました。Facebook のようなボタン iFrame 内に実際にスタイルを設定するコードがあることに気づきませんでした。

于 2012-04-26T19:50:37.690 に答える