0

私のウェブサイトhttp://www.derekbeck.com/1775/にソーシャルメディアボタンのアイコンがあります。奇妙なことに、リンクはエンコードされていますが、Googleのアイコンはリンクしていません。私はそれを理解することはできません。2つのグーグルボタンがあります：白いものは+1のためのもので、それは機能しません、赤いものはあなたをグーグルページに連れて行くためのものです。どちらもGoogleChromeブラウザでは機能しませんが、赤いブラウザはIE9で機能します。何か案は？CSSまたはHTMLエラーが表示されますか？

見てくれてありがとう！デレク

4

4 に答える 4

2

FacebookiFrameはあなたの問題です：

Iframeの高さは20pxでした。幅：200px;

以下のコードに変更してください

Iframeの高さは20pxでした。幅：74px;

<iframe scrolling="no" id="f234707a0d2f204" name="f21e0c9e1942cf6" style="border: medium none; overflow: hidden; height: 20px; width: 74px;" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=122700491127449&amp;channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D4%23cb%3Dfb3ad41882f634%26origin%3Dhttp%253A%252F%252Fwww.derekbeck.com%252Fff890b510a65%26domain%3Dwww.derekbeck.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;font=tahoma&amp;href=http%3A%2F%2Fwww.facebook.com%2F1775thebook&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=200"></iframe>
于 2012-04-18T07:36:29.133 に答える
1

このdiv..

 <div id="connect_widget_4f8e67257c86d8966624510" class="connect_widget button_count"
       style="font-family: &quot;tahoma&quot;, sans-serif">..</div>

幅は200ピクセルで、Googledivの境界の上部に表示されます。+1をクリックしようとすると、Facebookdivの非表示領域をクリックしていることになります。グーグルクロームでは、+ 1ボタンを右クリックし、要素の検査をクリックします。これにより、divの境界を確認できます。

于 2012-04-18T07:08:05.260 に答える
1

Facebookプラグインコードで、幅を200pxから85pxに変更します。

G+ボタンに問題はありません。Facebookボタンが重なっているため、クリックできません。

@WhiteboardDev-プラグインによって生成されるdivに幅を設定する代わりに、プラグイン自体の幅を変更することをお勧めします。

于 2012-04-18T07:11:45.867 に答える
1

固定幅（200px）のこのdivがあり<div id="connect_widget_4f8e8b1c2eea08763746363" class="connect_widget button_count" style="font-family: &quot;tahoma&quot;, sans-serif">、Googleボタンを「カバー」していますが、背景が透明であるため、表示されません。

解決策：このdiv<div class="fb-likebox">幅を指定します：200px;。これはiframeのコンテナなので、Googleボタンが右にシフトし、クリックできるようになります。

于 2012-04-18T09:40:05.400 に答える