写真を並べる方法

質問

ＨＰの作成について、教えて下さい。

　-------------　　-----
　　　　　　　　　　写真
　　　　　　　　　　-----
　　　　　　　　　　-----
　　　写真　　　　　写真
　　　　　　　　　　-----
　　　　　　　　　　-----
　　　　　　　　　　写真
　-------------　　-----

画面上に↑のように写真を配置したいのですが、
どうしたらよいでしょうか？
よろしくお願しますm(__)m

回答No.2

naname05

tonton0929さんこんにちは。
1つづつ答えていきますね。
まず画像大と画像小の隙間を作る方法。

<table>
<tr>
<td rowspan="5"><img src="写真のパス"></td>
<td rowspan="5" width="隙間を空けたいだけの数字">　</td>
<td><img src="写真のパス"></td>
</tr>
～以下省略～

これでできるはずです。
（4行目が増えますよー）

次、小さい写真の下に文字入れ。
<table>
<tr>
<td rowspan="5"><img src="写真のパス"></td>
<td rowspan="5" width="隙間を空けたいだけの数字">　</td>
<td><img src="写真のパス"><br>ここに入れたい文字を入力</td>
</tr>
<tr>
<td>　</td>
</tr>
<tr>
<td><img src="写真のパス"><br>ここに入れたい文字を入力</td>
</tr>
<tr>
<td>　</td>
</tr>
<tr>
<td><img src="写真のパス"><br>ここに入れたい文字を入力</td>
</tr>
</table>

これでできますね。
小さい画像の次にブランク（改行）を入れてそのあとに文字を打つと画像の下に入ります。
こんな感じでどうでしょうか？

お礼

ありがとうございますー(>▽<)あなたは神様です！
本当に親切にありがとうございます！
早速挑戦します！！！web関係のお仕事をされてるのですか？
またよろしくお願いしますm(__)m

回答No.1

naname05

tonton0929さんはじめまして。
質問の欄の表がずれてて違う回答を書いてしまっているかもしれませんが・・・
エクセルをイメージしてみてください。
枠があってその枠を結合したり分割できたりで目的のカタチにできますよね？
あれと同じような方法でhtmlを作ることができます。
<table>タグと<tr>タグと<td>タグを使ってみましょう。
とりあえず回答を・・・

<table>
<tr>
<td rowspan="5"><img src="写真のパス"></td>
<td><img src="写真のパス"></td>
</tr>
<tr>
<td>　</td>
</tr>
<tr>
<td><img src="写真のパス"></td>
</tr>
<tr>
<td>　</td>
</tr>
<tr>
<td><img src="写真のパス"></td>
</tr>
</table>

こんな感じでできますね。
がんばってみてください。

参考URL：

http://www4.osk.3web.ne.jp/~kitayan/

お礼

すごいですー(^o^)/その通りです！
ばっちりできました！
もうひとつ、聞いていいでしょうか？
写真と写真の間隔を調整するにはどうしたらよいでしょうか…？
大きい写真と小さい写真の間の間隔です…。

あと、小さい写真の下に文字を入れたいんですけど、
どうすればよいでしょうか(>_<)
お時間があったらよろしくお願いしますm(__)m