2005年07月

データ上は、正方形じゃないものでも、なんとか正方形に見せて表示させる事ができるようなCSSの記述をおぼえました。上の写真が下のようになります。結構、無理矢理書いてますので、ブラウザによってはダメかもしれませんけど...

フォトギャラリーでサイズが違ってデコボコしてた部分をこれでキレイに見せる事ができそうです。ちなみに以下のように書いてあります。

<div class="img" style="width:60px; height:60px;">
<img src="/dev/archives/2005/07/images/1120271492.jpg"
width="80" height="60" style="position: absolute; 
clip: rect(0px 70px 60px 10px); margin-left: -10px;"></div>

この clip を利用したimgタグは縦横のサイズが無いような扱いになるようで、それだとレイアウトするのに困るという事からdivで囲ってサイズを指定してあります。

また、センターでトリミングしてあるのでずらした分は、margin-left や margin-top をマイナス指定して位置をあわせてやらないとレイアウトが崩れます。ちょっと、スマートじゃないですが、プログラムの方で自動で出来るようなものを書いてあるので、今後は楽にできそうです。

ブログランキングのバナーを表示するのに時間がかかるので、ちょっと表示するのをやめる事にします。

どうもPSPの稼働率は低く、DSの方が使われています。 以下の2本を注文しました。

a-blog 1.3b12 にすると、amazonも横に並べれるようになりました。