ホームページ作成 画像を横にある一定の間隔で並べる方法

質問

HTML方式というのでしょうか？
今ホームページを作っていて、画像を20枚（デジカメで撮ったものを縮小してクリックすると大きくなるように）を横に等間隔（画像と画像の間を少し開ける感じで）に並べたいのですが…。どこを調べてもでてきません。どなたかご存じの方教えて頂けないでしょうか？また2段にわける場合はどうしたらよいのでしょか？よろしくお願いします。

回答No.2

k_jill · ベストアンサー

サムネイル（小さい画像）を等間隔で隙間を開けつつ並べたいという事ですね。
#1さんのようにテーブルで並べるのも一つの手ですし、テーブルタグが面倒臭かったら、<img>タグごとに改行すれば良いでしょう。
　また、２段にしたい時は一段目と二段目を其々<div>で括ってあげると良いと思います。

例
此処から<div>
<img src="xx.jpg>
<img src="xx.jpg>
</div>此処までが一段目。
此処から<div>
<img src="xx.jpg>
<img src="xx.jpg>
</div>此処までが二段目。

上記のような感じで。
　参考になれば幸いです。

お礼

出来ました！有り難うございます。いろいろな方法があるんですね。何となくやり方が分かってきました！ずっとやり方が分からなくて悩んでいたのですが、これでサクサクとホームページ作りが進みそうです。ありがとうございました。

回答No.1

hato_mu

私はまずテーブルを挿入し（例えば2行10列）、そのテーブルのセルの中に写真を配置していきます。
そうすれば綺麗に並べることは可能だと思います。

お礼

有り難うございます。そういった方法があるんですね！「テーブル」で検索して調べてやってみたところ出来ました。ありがとうございました！