2011-07-11 14 views
3

私はちょうど私のホームページにソーシャル共有ボタンを戻すと、彼らはは一緒に

あなたはページの一番下にここでそれを見てみることができます:)一緒に本当にひどい見えます:http://www.comehike.com

どのように人々は通常、一緒に自然にフィットするようにしますか?私のように混乱し、プロフェッショナルではないようです。スタイリングで何かできることはありますか?

ありがとうございます!

+0

スクリーンショットを投稿してください。それ以外の場合は、あなたのサイトへのトラフィックを増やそうとしているようです。 –

+0

@Wonkoのスクリーンショットは、人々がとにかくソースを見る必要があり、おそらくFirebug経由で見なければならないので、良くありません。 – Genadinik

+0

何かをコード化しようとしましたか?私にとっては自然ではないかもしれませんが、私にとってはプロフェッショナルではないかもしれません...まず何かをコーディングしてから、明確な簡潔な質問に戻ってください。 – Shef

答えて

3

あなたのコードを見ると、それぞれが異なる要素にあるので、それぞれのクラスを個別に追加する必要があります。インライン私は

<ul class='shareLinks'> 
<li>facebook here</li> 
<li>twitter here</li> 
</ul> 

そのULの李子要素としてul要素とあなたのシェアボタン」のそれぞれを追加山車に

をお勧めします:そこ少数アプローチ、絶対位置、表示がされていますオーバーフローを左:あなたのCSSを使用すると、明らかにあなたが望むこれまで、主なポイントは、フロートがどのようにCSSを編集することができ、この

ul.shareLinks { overflow: auto; } 
ul.shareLinks li { list-style: none; float: left; margin-right: 5px; } 

のようなものを見ることができます自動。実際の高さを持たない浮遊要素の修正です。

+0

ありがとう、それも私の助け:) – devWaleed