1

他と比べてプラスワン

表示された問題が自分のサイトだけの問題なのか、それとも既知の問題なのかを知りたいです。

ソーシャル ウィジェットはうまく配置されていますが、何らかの理由で PlusOne が正しく配置されていません。

私は Firebug を使用して Facebook Like ウィジェットと比較しました。CSS によると、両者はまったく同じ高さで、マージンやパディングもありません。それらの css は同一に見えます。

<div>
        <fb:like layout="button_count" show_faces="false" width="90" action="like" font="verdana" colorscheme="light"></fb:like>

        <g:plusone size="medium"></g:plusone>

        <script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=d9550e2f-f25a-4e2e-ae45-7a51cf7e3d46&amp;type=website&amp;buttonText=Share%20item!&amp;embeds=true&amp;style=rotate"></script>
        &nbsp;<font face='Verdana, Arial, Helvetica, sans-serif' size='1'><a href='/mmh/recommend/send.php?prodid=$!product.id'><img src="/images/icons/icon_email.gif" border="0"> Email item</a></font>
</div>

実際、私は同じことが起こっているリンクを持っています: http://news.makemeheal.com/celebrity-plastic-surgery/jennifer-aniston-weighs-on-prince-williams-hair-loss/ (必要に応じて、ウィンドウサイズなので、Fbook と G+ は同じ行にあります)

4

4 に答える 4

3

これを使って：

<span style="position:relative; top:3px">
<div class="g-plusone" data-size="small" data-annotation="none"></div>
</span>
于 2011-09-29T16:02:22.673 に答える
0

同じ問題がありました。Google+コードをに入れ、 CSSを使用してのプロパティを<div>制限しましたが、機能しました。max-height<div>70px

于 2012-01-15T23:40:40.077 に答える
0

+1 ボタンの周りに div (class=floogle) を配置し、それらをすべてフロートさせてから、必要に応じてスタイルを設定します。それは私のために働いた：

.facebook-like, .twitter-share-button, .froogle {
  float: left;
  margin-right: 10px;
}
于 2013-01-29T13:54:26.353 に答える
0

次の CSS を G+ ボタンに追加するなど、相対位置を使用してみることができます。

position: relative;
top: 5px; /* Or whatever looks right */

ただし、問題を解決する可能性はありますが、問題の原因を正確に示しているわけではありません。

于 2011-08-24T09:49:33.477 に答える