なるほどね！これに合わせて画像トリミングしなおせばいいんだ。そうだ「photoモジュール」もリストだった。日記の日付リストなんだと思ってこれに結びつかなかったです。ははあ。
教えて頂いたものをここに合わせた形で書くとスタイルシートが
ul.rakugo{
background-image: url(/images/diary/sugio/0303-02-21.gif);
background-repeat: repeat-x;
width: 100%;
margin:0;
padding: 0;
border-bottom: solid 2px #000000;
}
ul.rakugo li{
display: inline;
width:19%;
margin: 0;
padding: 0;
text-align: center;
}
記入するリストが
<ul class="rakugo"> <li><img src="/images/diary/sugio/0303-02-22.gif" border="0" width="58" height="67"> <li><img src="/images/diary/sugio/0303-02-23.gif" border="0" width="52" height="67"> <li><img src="/images/diary/sugio/0303-02-26.gif" border="0" width="92" height="67"> <li><img src="/images/diary/sugio/0303-02-24.gif" border="0" width="55" height="67"> <li><img src="/images/diary/sugio/0303-02-25.gif" border="0" width="54" height="67"> </ul>
だと思います。 「display: inline;」で小さくなったとき折り返せる指定に。「ul.rakugo li」の「width:19%;」「text-align: center;」で画像の幅を変えず等配置できるのだと思いますが、やっぱり現状ではまだはは〜ん・・・あったまいい・・・と思うだけで、うまく理解をまとめるのは難しいですね。
