• 締切済み

初心者です。画像2枚と文字を配置する方法を教えてください。

こんにちわ。 ホームページ製作初心者です。 とても基本的なことで恐縮ですが、画像を2枚を左に。その右にその画像を説明する文章をテーブルでくみたいです。 下に雰囲気を書いておきます。  「 写真 」     文章~  「 写真 」     文章~ 画像の基本的な挿入や、画像位置を左にするとか、hspace= で画像と文章を少しあけるとかは、わかるのですが、写真を縦に並べ、その右に文章をきれいに配置することができません。 文章は、その2枚を説明するので、続けて書いていきます。 できるだけシンプルな方法で教えていただけると助かります。 先輩方にアドバイスをお願いいたします。

みんなの回答

回答No.2

画像2枚をdiv要素などで囲い、float:left;し、 p要素などで文章を書いて、文章が終わった次の要素にclear:left;と書いてみて下さい。 恐らくこれでできると思います。 画像と文章の間に隙間を開けたい場合は、 画像を囲っているdivのmargin-right:数値+単位;で調節をします。 とここまで書いてすみません。 表なんですね。 先の方の回答の通りrowspanで縦のセルを繋げることができます。 http://www.tagindex.com/html_tag/table/td_span.html

noname#102089
noname#102089
回答No.1

<table> <tr> <td><img src="hoge.jpg"></td>←ここが上の写真 <td rowspan="2">2枚分の写真の説明</td> </tr> <tr> <td><img src="hoge2.jpg"></td>←ここが下の写真 </tr> </table> 質問者さんのイメージに合うかどうかわかりませんが、ご参考まで。