2013-03-16 45 views
0

我一直在研究这一段时间,但找不到任何解决方案。移动图标 - 像素

这里是我的代码

<p><iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2F&color=orange_white&size=32" style="width: 32px; height: 32px;"></iframe> <a href="LINK"target="_blank"><img src="http://2014.software-quality-days.com/uploads/RTEmagicC_facebook_02.png.png "/> </a></p> 

如果您复制并粘贴此代码到这个网站的HTML区域:http://jsfiddle.net/T3Nnu/3/

如果你看看Facebook的图标,它设置了几个像素高于SoundCloud(橙色)图标。有什么方法可以使其与SoundCloud(橙色)图标保持平行/平行?

谢谢

回答

0

改变其与以下:

<p> 
    <iframe 
     allowtransparency="true" scrolling="no" frameborder="no" 
     src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2F&color=orange_white&size=32" 
     style="width: 32px; height: 32px;"> 
    </iframe> 
    <a href="LINK"target="_blank"> 
     <img height="32px" width="32px" src="http://2014.software-quality-days.com/uploads/RTEmagicC_facebook_02.png.png "/> 
    </a> 
</p> 

由于iframe的高度和宽度是32PX和图像的宽度和高度为34像素。

0

你可以试试这个,http://jsfiddle.net/T3Nnu/4/

<a href="http://soundcloud.com/" target="_blank"> 
<img src="https://w.soundcloud.com/icon/assets/images/orange_white_32-94fc761.png" style="width: 32px; height: 32px;"/> 
</a> 
<a href="http://fb.com" target="_blank"><img style="margin-top:10px" src="http://2014.software-quality-days.com/uploads/RTEmagicC_facebook_02.png.png "/> 
</a>