Question

我刚刚在wordpress中构建了一个网站，并在模板的标题部分添加了一些社交图标，并设法将它们放在正确的位置，并在右上角对齐。

我现在已经生成了像facebook一样的按钮，但似乎完全没有对齐，我不知道如何让它处于适当位置。

请有人建议。很抱歉，如果这是一个愚蠢的问题，但我经常设法在一些玩游戏之后把事情弄好但是在这个场合失败并且无法找到办法让我现有的社交图标因素或者不会搞砸我的菜单栏。

现有社交图标的代码如下：

    <div style="height:60px;"><section id="mysocial-menubar-99" class="widget       widget_social" style="padding-top:14px; text-align:right" >
<div class="social_wrap social_animation_fade komodomedia_32"><a href="http://dubaiartist.com/contact" rel="nofollow" target="_self"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/email_32.png" alt="Want to know more?Meer weten? Just contact us!" title="Want to know more? Just contact us!"/></a>
<a href="http://www.facebook.com/dubaiartist" rel="nofollow" target="_blank"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/facebook_32.png" alt="Follow us on Facebook" title="Follow us on Facebook"/></a>
<a href="http://www.twitter.com/dubaiartist" rel="nofollow" target="_blank"><img src="http://dubaiartist.com/wp-content/themes/striking/images/social/komodomedia_32/twitter_32.png" alt="Follow us on twitter" title="Follow us on twitter"/></a></div </section></div>

然后我有Facebook javascript代码（由facebook生成）如下：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

最后代码放在我想要插件的地方：

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>

非常感谢，丹尼尔

Answer 1

在您放置按钮的部分的末尾，您有：

</a></div </section></div>

您有一个未正确关闭的结尾div，请尝试：

</a></div> </section></div>

将Facebook定位在带有现有社交图标的wordpress标题上

1 个答案: