MT3.2ja-2 カウンター設置

MT3.2ja-2 のバナーの中にカウンターを取り付けた。と言っても、フリーのCGIやPHPを借りたのではなく、ロリポのカウンターだ。私はいくつか用意されている中から選んだが、自分でカウンターの画像をアップして使うことも出来る。ユーザーはラジオボタンをチェックして生成されたタグを貼り付けるだけ。フンフン・・・簡単でいいねぇ♪(^o^)丿 画像はスタンダードなものが多いので、私の好みにもマッチしていた。あー、そうだぁ。画像と文字の高さ位置の指定方法を忘れたなぁ。。。。検索して色々試し、タグをこんな風にした。

<div align="right">
累計<img src="http://***" align="absmiddle">
  今日<img src="http://***" align="absmiddle">
  昨日<img src="http://***" align="absmiddle">
</div>

div align=”right” で全体をくくり、画像全体がバナーコンテナの中で右寄りになるようにした。そして、imgタグに align=”absmiddle” を加えることで、テキストと画像の高さを同じにした。ちなみに、”absbottom” を入れても、見た目は =”absmiddle” と変わらなかったわ。今までは align=”bottom” か align=”middle” で水平位置を指定すると思っていたが、 align=”bottom” をimgタグに入れてもタグをいじらない時と同じで、画像は “top” 位置に表示されてしまった。

以下の文章はこちら↓から引用させていただきました。
ttp://www.interq.or.jp/horse/simaz/image/image.html

■イメージとテキストの並び方を指定する
top,middle(center),bottom
イメージとテキストのように扱い、文字列として扱います。
一行の文字列として扱うので、画像の横には1行しか書けません

一行中にある最も大きい画像に合わせる

texttop
行中最も大きい画像の上端にテキストを揃えます。
absmiddle
行中最も大きい画像の中央にテキストを揃えます。IE4.0以下ではサポートしていません。
absbottom
行中最も大きい画像の下端にテキストを揃えます。
baseline
bottomと同じ効果になります
left,right
イメージの側面に複数行のテキストを書きたい場合に使います。