186(css)

2004-11-24

[] hamazouのアレ。 15:32

asin:detail記法で生成されるhtmlに対するcssによるデザインの練習。真面目に書くと面倒臭いな。

ブレインデッド [DVD]

ブレインデッド [DVD]

ということで練習用のasinはゾンビ映画の名作ブレインデッドに決定。NZでは発禁だぜ*1

div.hatena-asin-detail {
 padding: 5px;
 border: 1px solid #c0c0c0;
 min-height: 145px;
}

img.hatena-asin-detail-image {
 margin: 0px;
 padding: 0px;
 float: left;
}

div.hatena-asin-detail-info {
 float: left;
 margin-left: 5px;
}

p.hatena-asin-detail-title {
 text-indent: 0em;
}

div.hatena-asin-detail-info ul {
 list-style-type: none;
 margin-left: 0em;
 padding-left: 0em;
}

div.hatena-asin-detail-info ul li
span.hatena-asin-detail-label
div.hatena-asin-detail-foot

この辺が無難なところか。detail記法で画像サイズが中なら高さは140pxに収まるようだ。

*1:原住民をオープニングで変な風に描いてしまったらしい

トラックバック - http://css.g.hatena.ne.jp/smoking186/20041124