(´ﾟдﾟ`)ﾝﾏｯ!!

facebookのいいねボタン、設置方法やタグの作り方はｇｇればいくらでも記事が出てきて、その通りにやれば作れてしまったのですが、
１つだけ問題が発生しました。
その問題は、『facebookのいいねボタンの高さを指定できない』ということです。

参考にしたブログ記事などでは、作成されるタグがiframeとなっているのですが、
実際作成してみるとdivタグとscriptタグの組み合わせでした。

ま、そんな細かいこと関係ないか、と普通に設置してみたのですが、
他のボタンと横一列に並べてみると、あれ、facebookのボタンだけ低い・・・。
理由は簡単。facebookのボタンがあるiframeに、高さ(height)がCSSによって指定されていたのです。

古いタグだとiframeタグのstyle属性にheightがあるのでそれを編集すればよいのですが、
今回作成した新しいタグにはclass属性がありません。


ということで、無理矢理変更する方法です。


そう、styleタグで無理矢理整えちゃえばいいのです。
でも、普通にやるとタグに直接指定されたstyle属性が優先されheightを変更できません。

そこで、"!important"の出番です。


以下のタグをfacebookのいいねボタンのすぐ下に設置するとできました。

[0回]