こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

Twitter,Facebookボタンが改行される

助けて下さい!!!

スマホをターゲットにしたサイトを作っているのですが、
Twitterのツイートボタン、Facebookのイイねボタンを配置すると、
横に並べたいのですが改行されて縦に配置されてしまいます(*_*)

画面幅は十分余裕があります。

以下、コードの抜粋です。

<!--Twitter-->
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://myhome.com/" data-lang="ja" data-count="horizontal">Tweet</a>
<!--Facebook-->
<div class="fb-like" data-href="http://myhome.com/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

よろしくお願いします。

大変申し訳ございませんが、この投稿に添付された画像や動画などは、「BIGLOBEなんでも相談室」ではご覧いただくことができません。 OKWAVEよりご覧ください。

マルチメディア機能とは?

投稿日時 - 2014-04-28 08:24:15

QNo.8571870

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

10人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

ソーシャルプラグインは、この設置したタグを置換したり挿入される形でボタンを出します。
なので、ちょっと変わった配置をしたい時などは、その「スクリプトが動いた後のソース = 実際のソース」に基づいた変更を行う必要があります。
firefoxとかで読み込み後のソースを確認してみてください。
 
facebookは、
【1】<div class="fb-like"~ にdisplay:inline;position:relative;
【2】script動作後に挿入されるspanにposition:absolute;left:0;bottom:0;
でいけたようないけなかったような。

投稿日時 - 2014-04-28 15:45:38

お礼

回答ありがとうございます。
試してみます。

投稿日時 - 2014-04-30 08:56:12

あなたにオススメの質問