1

私は tumblr を使って自分のブログ doopist.com を立ち上げました。

TwitterのフォローボタンとFacebookのいいねボタンをブログのヘッダーロゴ画像と並べようとしています。現在、Twitter アイコンはトップ バナーの上部に配置され、FB ボタンはほぼ中央に配置されています。ロゴを中央に配置する方法と同様に、ボタンを垂直方向に中央に配置しようとしています。

私はあまり CSS を知らず、中央に垂直方向に配置された div スタイルを作成しようとしましたが、それにより tumblr アイコンのロゴ (ランダムな投稿、アーカイブなど) が新しい行にぶつかりました。これは望ましくありません。

Twitter と FB のボタンを縦方向に中央揃えにする方法について誰か提案があれば知りたいです。お時間をいただき、ありがとうございました。

4

1 に答える 1

0

CSSの変更が少ない

#header, #header .inner { height:48px; position:relative; }

iframe で、できればクラスに追加します。

position: absolute;
left: 200px;
top: 10px;

Facebookを保持しているスパンで：

position: absolute;
left: 365px;
top: 15px;

繰り返しますが、できればクラスで。

各 iframe の周りに余分なスパンは必要ありません。スタイルを指定するには、各 iframe にクラスを追加するだけです。

于 2013-03-07T20:23:51.893 に答える