2013年03月15日
ナルセ探偵のカスタマイズ・メモ#1
一覧ページの画像の縦横比
ナルセ探偵事務所のアキラです。昨日の日誌は事件簿というより挨拶でした。今日は備忘メモ。
あなたもカスタマイズしたいと思っているなら、参考にしてください。

一覧ページで、CDのカヴァーが並ぶようにしています。でも、そのままでは横幅が伸びた写真になってしまうので縦横の比率を同じになるようにカスタマイズ。
変更箇所は二箇所の数値。スタイルシートを読んでいくと、随分と後ろの方にブログ記事の本体部分の項目『/*blog*/』に『photo_box』というクラスを発見。画像ファイルの img に『photo_box』クラスが指定されていて、横幅(width)が250px(ピクセル)としてあるので、高さ(height)も同じに。これだけでは画像が枠から突き出てしまいます。それで枠も差分だけ高さにプラスして357pxにしました。
続きを読む