2012-03-15 88 views
0

因此,我试图在我的网站的标题中添加以下“赞我们在Facebook上”的代码,并且它是正确的,而标题&说明仍然存在左对齐。这里是FB代码:试图右对齐“在Facebook上代码我喜欢我们”

<div class="fb-like-box" data-href="http://www.facebook.com/HowToForiPad" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div> 

我不是最了解这种类型的东西,所以我宁愿不乱用CSS并已只是想砸上面的代码中适当的位置在我的header.php文件中。棘手的部分(对我来说)是让Facebook Like右对齐,而网站标题和说明保持左对齐。

这里是什么,我希望它看起来像一个例子(忽略下划线...不得不这样做,使其右看看)

欢迎到任何网站
该网站确实等等blah_ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ _ _Like我们在Facebook

下面是从header.php中的相关代码:

 <!-- HEADER --> 
     <div id="header"> 
      <div class="website-name"><a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?></a></div> 
      <div class="slogan"><?php bloginfo('description'); ?></div> 
     </div> 
     <!-- /HEADER --> 

所以基本上我希望Facebook代码符合网站描述,但是有正当理由(而网站描述是正确的)。

非常感谢您的帮助!

回答

0

使用CSS几乎是你唯一的选择。

您可以将标语div更改为跨度(或在div上设置宽度),在此跨度下添加fb像框并将其右移。这应该做你需要的。

如果你真的不想触摸你的CSS文件,你可以添加样式内联,但我不建议这样做,因为它不是最佳实践。

相关问题