印刷時 <fieldset>〜</fieldset> を使っている箇所がページをまたぐと枠線が崩れたり中身が欠けたりするバグがあるで、<div>を使ってCSSで再現した。

■HTML

<div class="sub-category">
  <div class="sub-category-title">
    Size
  </div>
  <div class="sub-category-body">
    Width：<input type="text" value="100" size="4" />< br />
    Height：<input type="text" value="100" size="4" />
  </div>
</div>

■CSS

.sub-category {
  position: relative;  /* for ie6,7 */
  border: 1px solid #cccccc;
  zoom: 1;  /* for ie6,7 */
}
.sub-category-title {
  position: absolute;  /* for ie6,7 */
  float: left;
  margin: -0.5em 0 0 0.5em;
  padding: 0 2px;
  background-color: #ffffff;
  font-weight: bold;
}

.sub-category-body {

  clear: both;

}

とりあえず未経験者が60分で作ったもの。
恥を忍んで記録。

<link rel="apple-touch-icon" href="アイコン画像パス（pngでOK）" />

Amazon Sale

javascript:(function(){var num=prompt("Ticket Number");if(num){window.location.href=location.href+"&pct-off="+num+"-";}})();;

1. Amazon.co.jpの検索エリアにて、セレクトボックスからジャンルを選ぶ
2. キーワードは空欄で[Go]を押下
3. 表示された画面でブックマークレット起動
4. ダイアログに検索したい値引き率を入力（ex.50）
5. 50%以上OFFの商品が表示されます