控制Facebook Like按鈕的水平定位

我一直在困難的時間定位Facebook Like &發送按鈕組合。我終於可以使用表格和CSS控制垂直定位。代碼和CSS如下。現在，我無法控制水平定位。無論我做什麼，Like按鈕距離瀏覽器左側約7個像素。即使我在Facebook代碼之前的列中放入了一些&nbsp s，Like按鈕距離屏幕左側只有7個像素。我使用的代碼和CSS在下面，它們不會更改Facebook Like和Send按鈕的水平位置。控制Facebook Like按鈕的水平定位

任何想法如何我可以移動Facebook像&發送按鈕從屏幕的左側100像素？

由於提前，

約翰

代碼：

<table class="like"> 
<tr> 
<td> 
</td> 
<td> 

<div id="fb-root"></div> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({appId: 'your app id', status: true, cookie: true, 
      xfbml: true}); 
    }; 
    (function() { 
    var e = document.createElement('script'); e.async = true; 
    e.src = document.location.protocol + 
     '//connect.facebook.net/en_US/all.js'; 
    document.getElementById('fb-root').appendChild(e); 
    }()); 
</script> 

</td> 

</tr> 

</table>

的CSS：

table.like { 
    margin-top: 140px; 
    margin-left: 50px; 
    text-align: left; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 14px; 
    color: #000000; 
    width: 450px; 
    table-layout:fixed; 
    background-color: #FFFFFF; 
    border: 2px #FFFFFF; 
    border-collapse: collapse; 
    border-spacing: 0px; 
    padding: 0px; 
    text-decoration: none; 
    vertical-align: text-bottom;  

} 

table.like td { 
    border: 0px solid #fff; 
    text-align: left; 
    height: 10px; 
    width:100px; 


}

來源

2011-05-03 John

的FB腳本插入代碼爲元素FB的孩子-根。您想用來定位元素的任何CSS都應該應用於fb-root。這將消除對桌子的需要。

來源

2011-05-04 00:10:34

我試過

，它沒有工作。 – John 2011-05-04 02:31:25

你有鏈接我們可以看看嗎？你是如何嘗試定位div的？ – 2011-05-04 05:15:04

取空＃fb-root div標記並關閉標記，並將它們直接放在打開的body標記之後。

然後將腳本包裝在您選擇的div和類中，然後根據需要添加樣式。

<body> 
    <div id="fb-root"> 
    </div> 
    <div id="wrapper"> 
     <div id="socialMedia"> 
      <-- fb button script --> 
     </div> 
    </div> 
</body>

來源

2011-12-30 07:45:13 syllables

控制Facebook Like按鈕的水平定位

回答

相關問題