페이스 북과 같은 버튼의 수평 위치 조절하기

나는 페이스 북을 위치시키기가 어려웠다. & 버튼 조합을 보내라. 마침내 테이블과 CSS를 사용하여 수직 위치를 제어 할 수있었습니다. 아래 코드와 CSS가 있습니다. 이제 수평 위치를 제어 할 수 없습니다. 내가하는 일과 상관없이, Like 버튼은 브라우저의 왼쪽에서 약 7 픽셀입니다. Facebook 코드 앞의 열에 &nbsp을 몇 개 넣어도 화면 왼쪽에서 7 픽셀 밖에 안됩니다. 내가 사용하고있는 코드와 CSS는 아래에 나와 있으며 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는 다음 FB 스크립트는 요소 FB의 자식으로 코드를 삽입한다

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

-뿌리. 요소 배치에 사용하려는 CSS는 fb-root에 적용되어야합니다. 그러면 테이블이 필요 없습니다.

출처

2011-05-04 00:10:34

나는

을 시도했지만 작동하지 않았습니다. – John

우리가 볼 수있는 링크가 있습니까? 어떻게 사업부 배치를 시도 했습니까? –

빈 #bb-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

페이스 북과 같은 버튼의 수평 위치 조절하기

답변

관련 문제