谷歌图标没有链接......它只是HTML或CSS问题?

时间:2012-04-18 07:00:22

标签: html css

在我的网站上http://www.derekbeck.com/1775/我有社交媒体按钮图标,奇怪的是,谷歌图标没有链接,尽管他们有链接编码。我无法弄清楚。有两个谷歌按钮:白色按钮为+1,但不起作用,红色按钮将带您进入谷歌页面。既不适用于谷歌Chrome浏览器,也适用于IE9。有任何想法吗?查看任何CSS或HTML错误?

感谢您的期待!德里克

4 个答案:

答案 0 :(得分:2)

Facebook iFrame是你的问题:

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>

答案 1 :(得分:1)

这个div ..

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

是200px宽,显示在google div界限的顶部。当您尝试单击+1时,您实际上是在点击facebook div的不可见区域。在Google Chrome中,右键单击+1按钮,然后单击检查元素。这将允许您查看div的边界。

答案 2 :(得分:1)

在你的facebook插件代码中,将宽度从200px更改为85px。

G +按钮没有问题。 Facebook按钮重叠,使其无法点击。

@WhiteboardDev - 不是将宽度设置为插件生成的div,而是建议更改插件本身的宽度。

答案 3 :(得分:1)

这个div <div id="connect_widget_4f8e8b1c2eea08763746363" class="connect_widget button_count" style="font-family: &quot;tahoma&quot;, sans-serif">有一个固定的宽度(200px),&#34;覆盖&#34;谷歌按钮,但它有一个透明的背景,所以你没有看到它。

解决方案:给这个div <div class="fb-likebox">宽度:200px;。这是iframe的容器,所以它会让google按钮向右移动,让你点击它们。