ちょっとだけ古い画像一覧

前々から Recent Photo を表示させたいと思っていたが、やっと踏み切った。
私はあまり【続きを読む】という entry more には書かないし、画像もたくさん貼り付ける。
メインインデックスには、7日分のエントリーが表示されているので
ずらーっと、画像が並んでいる。

それに付け加え、サイドに最近の画像を表示させてもあまり意味がないと思った。
それで直近の20のエントリーを除き、それ以前の10のエントリー(各エントリーから一番上の1個)の画像を表示させることにした。
だから、【ちょっとだけ古い画像】というサイドタイトルだ。(^^ゞ
赤文字が肝です。

参考にさせていただいたサイト様 ありがとうございました。
bird.dip.jp さん  ZeroDimension さん

<div class=”module-recent-photos module”>
<h2 class=”module-header”>ちょっとだけ古い画像</h2>
<div class=”module-content”>
<MTEntries lastn=”10″ offset=”20″>
<MTCollect tags=”img”>
<MTCollectThis show=”0″>
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags=”img”>
<MTCollected tags=”img” lastn=”1″>
<a href=”<$MTEntryLink$>”><img src=”<$MTCollectedAttr attr=”src”$>” width=”60″ style=”margin:8px” /></a>
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTEntries>
</div>
</div>

そして、このイメージにリンクが貼ってあるわけだが、そのリンクが
ずれて、なんだか影がみえる。 margin の設定か? はたまた、width の設定か? 
いろいろやったが、どうしても直らない。
あ、そういえば・・・・と思い出したことがあった。
以前にもHTMLを書いているときに良くあったのね、こういうこと。
タグの書き方だが、
<a href=”http://seedsman.jp/blog/”>種まきびとブログ</a>

↑この場合に、下のように改行してはいけないのだった。

<a href=”http://seedsman.jp/blog/”>
種まきびとブログ
</a>

それを思い出してやり直してみると、あん、うまく行ったわ。(^o^)丿