ソーシャル共有ボタンを水平に整列する方法は？

私は、これらのsocial share buttonsが完全に水平に整列して見えるいくつかのサイトを見ました。これらのボタンの多くはiframeであることを考慮してください。 enter image description here ソーシャル共有ボタンを水平に整列する方法は？

2012-03-15 Igor Parra

HTMLとCSSをしますあなたを助けるために長い道を行く。ちょうど写真から分かりにくいです。 – MetalFrog

スクリーンショットは、関連するコードがある場合にのみ役立ちます。 –

もちろん、これはcssで行う必要があります（そのため、私は 'css'と' style'でタグ付けします）！同様の状況を考慮した一般的なヒントをお願いします。これはコーダーだけではなく、デザイナーのための質問です。 –

変更あなたのiframeのmargin-top（またはそれ以上div要素）負の値には、それらを並べる持っている：
はここに私の現在の痛い状況です。あなたは右のそれを得るまで、あなたは正しいelemtnを識別したら、次のHTMLを使用して、たとえば、試行錯誤を使用します。

<div id="twitter"> 
    <iframe/> 
</div> 
<div id="facebook"> 
    <iframe/> 
</div> 
<div id="digg"> 
    <iframe/> 
</div>

CSSはこのようなものになります。

div#facebook 
{ 
    margin-top:-5px; 
} 
div#digg 
{ 
    margin-top:-10px; 
}

2012-03-31 07:49:26

はい、私はそのようにしました。ありがとうございます。 –

答えて