Skype 버튼 코드가 ​​과도한 패딩을 생성 함 - 인라인 스타일을 사용하여 제거해야 함

Question

인라인 서식이있는 Skype 버튼을 추가하면 큰 여백으로 Skype 그림 링크가 생성됩니다. CSS는 옵션이 아니므로 인라인 스타일로이 작업을 수행해야합니다. 사용되는 스카이프 버튼 코드 :

<script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script> 
<div id="SkypeButton_Call_auctionsafe_1" style="margin: 0px 0px 0px 0px;"> 
<script type="text/javascript"> 
Skype.ui({ 
"name": "chat", 
"element": "SkypeButton_Call_auctionsafe_1", 
"participants": ["user1"], 
"imageSize": 16 
}); 
</script> 
</div> 

이 코드 또는 스타일/마진 특성이없는 다음과 같은 결과를 생성 (스타일 = "마진 : 0 픽셀 0 픽셀 0 픽셀 0 픽셀;")를 첨가 :

이 원하는 결과입니다

패딩이되도록 제거 할 수 방법 Sk를 예전 그림은 주변 텍스트와 정확히 일치합니까?

Answer 1

스타일은 실제 이미지 자체에 적용되어 음수 여백으로 만 수행 할 수 있습니다. 해키하지만 작동 : 여기

style="margin:-25px 0px 0px -15px;" 

http://jsbin.com/havuledoci/edit?html,output

Answer 2

여백을 재정의하는 간단한 솔루션입니다.
! important는 skype로 인해 강제로 이미지 마진을 무시합니다.

.skypeButton { 
    margin: 0; 
} 
.skypeButton img { 
    margin: 0 !important; 
    vertical-align: middle !important; 
} 

는 https://faheart.com/47325/how-to-edit-skype-contact-me-button-css

여기에서 촬영이

<span class="skypeButton"> 
    <div id="SkypeButton_Chat_myaccountname"> 
     <script type="text/javascript"> 
      Skype.ui({ 
       "name": "chat", 
       "element": "SkypeButton_Chat_myaccountname", 
       "participants": ["myskypeaccount"], 
       "imageSize": 12 
      }); 
     </script> 
    </div> 
</span> 

처럼 사용할