画像のリストを更新しやすく

[新着] Webテンプレートを仮オープンしました

0   名前： のじぇまるこ ： 2006/11/09（木） 16:27  ID:cK6A0uo8
新しい画像を下の図の順番で更新しています。
tableタグを更新されたたびにずらしていたのですが、
何段にもなっていてその作業がしんどくなってきました。

いろいろしらべて
li { float: left; }
を使って横右側へ順番に表示できることがわかりました。
ページ枠をtableで固定しておりなにもしなくても二段目に突入してくれます。

しかし、段と段の幅を指定できません。
どうにかすべての画像を同じタグのみで、
段と段の間をcssで指定できる方法はないでしょうか。
li　flatにはこだわりません。
よろしくお願いします。

------------------図--------------------------------

<table width="300" border="0" cellspacing="0" cellpadding="0">

<検討中>
一段目　　1 2 3 4 5
二段目　　6 7 8 9 10
三段目　　11 12 13 14 15
四段目　　16 17 18 19 20
　:　　　　　　:
</検討中>

</table>
1   名前： アヤ ： 2006/11/09（木） 16:27  ID:I/L72zbC
li要素のマージンを指定すればいいのではないでしょうか。

このサイト内で言うと以下のページ。
http://www.tagindex.com/stylesheet/list/margin.html

下記のような感じにすると、行間に5pxの隙間が開きます。
「display:inline;」は「float:left;」でも良いかと。

li {display:inline;margin-bottom:5px;}
2   名前： のじぇまるこ ： 2006/11/09（木） 16:27  ID:cK6A0uo8
できました！！
いとも簡単に　つД｀)･ﾟ･｡･ﾟﾟ･*:.｡

ありがとうございました。
精進いたします。
一覧へ戻る