GooglePlusOneとFacebookの「いいね」ボタンを並べて配置しようとしています。なんらかの理由で、Facebookのようなボタンの上部にギャップがあり、ボタンが数ピクセル下に移動して面白く見えます。
例: http: //jsfiddle.net/Chevex/yF4yz/
これらの2つのボタンを揃えるより良い方法はありますか?
GooglePlusOneとFacebookの「いいね」ボタンを並べて配置しようとしています。なんらかの理由で、Facebookのようなボタンの上部にギャップがあり、ボタンが数ピクセル下に移動して面白く見えます。
例: http: //jsfiddle.net/Chevex/yF4yz/
これらの2つのボタンを揃えるより良い方法はありますか?
問題は、cssスタイルが画像とともにロードされていることです。ページ(推奨)またはjavascriptでcssを設定し、読み込み時にドキュメントを作成し、画像が入力されたら値を変更できます。
このcssを追加すると、Facebookアイコンが上に3ピクセル、左に25ピクセル、Googleアイコンの横に移動します。
div.fb-like
{
top:-3px;
left:-25px;
}
これは Chrome で動作するようです: http://jsfiddle.net/yF4yz/8/