SNSボタンの余白調整(2) 2013年10月07日(月)20:59:36

SNSボタンの横並び
これまで、記事下にある SNSボタンは<table>タグを使って横並びにしてきましたが、
Tweetボタン Google+ ボタンの右横余白調整の為、<div>タグに変更しました。

参考サイト:Facebookとtwitterのボタンを並べる
Point
 「float: left;」「display: inline;」の設定
只、IE8 では相変わらず、Google+ ボタンの下半分は欠けます。

[対策]
 METAタグを使って IE8 以上の「標準モード」で表示させる事で対応
 <meta http-equiv="X-UA-Compatible" content="IE=8" />

 参考サイト:Google +1 ボタン 改行させないようにするには


【追記】(H25.11.8)
Facebook の「いいね」ボタンも 11/6 にデザインを変更
IE で吹き出しの右端が切れるようになったので、 HTML5 タイプに変更しました。
【スポンサーリンク】
【拍手確認】 【記事の編集】
【関連タグ】 SNS  当ブログ内の関連記事をタグで検索出来ます。
最終更新日時: -0001年11月30日(水)00:00:00ブログパーツ このページのトップへ

コメントの投稿 [0件]

非公開コメント

 商品検索

タグ [上位30件]



 カテゴリ&月別一覧
 
 最新記事紹介
視察研修2017年 2017/10/20
『刑事ゆがみ』 第二話 2017/10/19
『スタンドオフ(2016) 』 2017/10/19
『金メダル男』 2017/10/15
「ブラック星博士の東海征服計画2017」 2017/10/15
『ブラック・ファイル 野心の代償』 2017/10/14
『探偵ミタライの事件簿 星籠の海』 2017/10/13
ペイントで丸枠写真を移し替える方法 2017/10/12
博物館 明治村 (2017年) 2017/10/09
『ロング・トレイル!』 2017/10/06
 週間人気記事
 Trackback
 Comment 

コメント、トラックバック大歓迎。
但し、記事と無関係と思われるものは、
削除させて頂きます。

FC2ランキング
[ ジャンルランキング ]

映画:第74位
アクセスランキングを見る>>


[ サブジャンルランキング ]

レビュー:第35位
アクセスランキングを見る>>