Google +1(プラスワン)ボタンのマージン

Categories | ホームページ

流行のソーシャルボタンを幾つか横並びに設置しても

何だかGoogle +1(プラスワン)ボタンだけマージンあり過ぎくない?

って悩んでるの私だけであろうか?

変なところに神経質なぢぶんではありますが

折角だったら均等にボタン並べたいん。

で、色々とタグを駆使しでけました^^

2012 0909 Google +1(プラスワン)ボタンのマージン

ネッ!

Google +1(プラスワン)ボタン共々均等間隔に並んでしょ。

要はリストタグでこんな感じに作る。

<ul>
<li>
<span style="color: #ff0000;">style="width:60px;overflow:hidden"</span>
<g:plusone size="medium">
</g:plusone>
</li>
<li>
<a href="https://twitter.com/share" data-lang="ja">ツイート</a>
</li>
</ul>

<li>に赤文字の部分を追加するんだな。

Google +1(プラスワン)ボタンの表示サイズはmediumで横60ピクセル。

それを強制的にスタイルで書いちまえばきっちり均等になるはず。

参考ページ( https://www.hcz.jp/history/2007_09_11.html

因みにスタイルシート(CSS)はこんな感じです。

li {
float:left;
margin: 0  5px;
padding: 0;
list-style:none;
}

しまい

Comment(0) | Trackback(0)

TAGS: / / | 2012年9月9日 |

« »

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です