Linuxから始める先端IT

Linuxから始める先端ITは現役大学生が綴り運営しているIT系情報ブログです。いろいろなニュースや情報をみなさんにお届けします。

Web開発

「Amazonアソシエイト」のウィジェットを設置すると発生するバグの対策方法

【2014年7月13日:あまりにも説明が不十分すぎたので一部説明を追加】
【2016年12月11日:脱字の修正】

皆さん、お久しぶりです。

久しぶりの記事となりましたが、今回は「Amazonアソシエイト」のウィジェットを設置した際にページのフッター部分に謎の隙間ができるバグの対策方法を発見したので、掲載していきたいと思います。



当サイトも今年の7月あたりまで発生してたバグ、元々Fireさんからの依頼で判明したのですが、最初は何が原因なのかさっぱり分からず、少しでもヒントになるサイトをとにかく調べまくった所、こんな記事を発見

フッター下に出来る変な隙間の原因とその対策方法 | ハヤクユケ



この記事によると、隙間が出来る原因は、アソシエイトのウィジェットが0pxのimgタグを出力してるらしく、それが原因であり、これはCSSで隠すことが出来ると言うことだそうです。
ということで記事を参考にし、原因を調べて、独自で以下の様にこのブログのCSSを修正してみました▼
img[width="0"], img[height="0"] {
    display:none\9;
}
 
img[src*="http://www.assoc-amazon.jp/e/ir?o=9&t=アソシエイトID&l=wey"] {
    display:none;
}
【※コピペでそのまま貼らないように注意を※】

このままCSSに載せても反応はしないので、「アソシエイトID」の部分を自分のアソシエイトIDに変えて使ってみてください。
多分、大体のウィジェットであれば、この方法で対策出来ると思うのですが、場合によってできない場合もあるかもしれません。
その時はご勘弁を。

不明な点等がありましたら、コメントしてください。
その時はご説明します。

本当に始めての人のためのhtml

HTMLを習得したいと思っている方向けの記事です。
HTMLは非常に簡単で、いくつかのタグを覚えればそれで十分です。

続きからどうぞ続きを読む

Web開発するための準備(Linux版)

Web開発をするための準備!第二弾

この間はWindowsだったのでこんどはLinux

LinuxといってもUbuntuがべーすなんで〜//

お忘れなく

てことで今回もエディタシリーズ!!

続きから↓↓

   (^o^)続きを読む



最新コメント
QRコード
QRコード

Find us on Google+

記事検索
アクセスカウンター
  • 今日:
  • 昨日:
  • 累計:

PVグラフ

    UUグラフ