画像に解説を入れて並べたい！PC初心者のブログでの方法

2009/08/12 18:37

このQ&Aのポイント

パソコンとネットの知識はあるが、ブログは初心者の場合、画像に解説を入れて並べたいという要望があります。
具体的には、大きい画像と解説を横に並べたい状態で、画像1枚に対して2〜3行の解説を予定しています。
既存のタグを応用して、<img src='gazou.jpg' align='left'><br>解説1行目<br>解説2行目のような形式で試してみましたが、うまくいきませんでした。

mitsuemon
お礼率60% (1485/2450)

ブログ
回答数4
ありがとう数1

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

dodemoii
ベストアンサー率59% (769/1282)

2009/08/16 10:27 回答No.4

こんにちは　#2,3です。 > と、どう違うんでしょうか？違いですか?<table>タグが正しく使われていないように思えますが。 <tr>～</tr>が一行で、<td>～</td>でひとつのセル(マス目)です。画像と文字を別々なセル(マス目)にしたのが私のサンプルで、セル(マス目)が違いますから、leftは必要ありません。同じひとつのセル内に画像と文字をいれようとしたのがmitsuemonさんのサンプルですが、<tr>や<td>が正しく入っていないのでうまく表示できないと思います。なお私のサンプルの最初の<tr>は、わかりやすいように改行しただけなので<tr><td>と一行にしても良いです。ちなみに</td>は無くても表示できると思いますが、正しくタグを覚えるなら、入れておいた方が無難です。 # 「補足」ではこのQ&Aの連絡メールが回答者に来ませんので # 「お礼」欄を使われると良いかもです。では。

質問者

補足 2009/08/23 10:34

遅くなりましたが、有難う御座いました

その他の回答 (3)

dodemoii
ベストアンサー率59% (769/1282)

2009/08/12 22:49 回答No.3

こんにちは　#2です。画像も縦に並ぶのかと思ってしまいました。 <table border=0> <tr> <td><img src="画像1.jpg"></td><td>解説1<br>解説2</td> <td><img src="画像2.jpg"></td><td>解説3<br>解説4</td> <td><img src="画像3.jpg"></td><td>解説5<br>解説6</td> </tr> </table> では。

質問者

補足 2009/08/16 09:29

回答有難う御座います結論から言うとこのパターンで成功しました(笑) ただ、もう１つ聞きたいんですか今回御紹介のタグ <table border=0> <tr> <td><img src="画像1.jpg"></td><td>解説1<br>解説2</td> <td><img src="画像2.jpg"></td><td>解説3<br>解説4</td> <td><img src="画像3.jpg"></td><td>解説5<br>解説6</td> </tr> </table> と、私が実行した <img src="gazou.jpg" align="left"><br>解説１行目<br>解説２行目<tr><td> <img src="gazou.jpg" align="left"><br>解説１行目<br>解説２行目</td></tr> と、どう違うんでしょうか？ http://tagkouza.nakaj.gozaru.jp/imgalign.html このＨＰでは「leftとrightを指定できます。」と書いてあったんで、タグの中に「left」が入ってないとダメなんだと推測したんですが…

dodemoii
ベストアンサー率59% (769/1282)

2009/08/12 19:15 回答No.2

こんにちは Table(表)を使うのであれば、シンプルに <table border=0> <tr> <td><img src="画像1.jpg"></td><td>解説1</td> <td><img src="画像2.jpg"></td><td>解説2</td> <td><img src="画像3.jpg"></td><td>解説3</td> </tr> <tr> <td><img src="画像4.jpg"></td><td>解説4</td> <td><img src="画像5.jpg"></td><td>解説5</td> <td><img src="画像6.jpg"></td><td>解説6</td> </tr> </table> のような感じでしょうか。 http://masaboo.cside.com/new_html1/ht_27.htm では。