みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

写真と写真の間に文章をいれるには?

2枚の写真を横に並べて、その間に文章をいれたいのですが
【写真(1)】【文章】【写真(2)】←こんな感じです。
普通に写真(1)を貼り付けて文章を書き、写真(2)を貼り付けると
写真がズレたり、文章が写真(2)の上と下に分かれてしまったりします。
どのようにすればキレイに横に並んで表示されるようになりますか?

投稿日時 - 2006-11-02 15:56:31

QNo.2513306

困ってます

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

 これで駄目ですか?

----------------------------------○
<img src="使用前.jpg" align=left>
<img src="使用後.jpg" align=right>
左の写真は使用前。とっても地味。
でも大丈夫。当社の怪しい薬を使うだけで、アラビックリ、右のように美人に大変身!
----------------------------------○

 <IMG> タグを2つ書き、それぞれ align= に left right と指定します。
 続けて文章を書きます。
 ただし、全てのブラウザで一様に同じように見えるかは分かりません。
 確実性を重視するなら、<TABLE>タグを使うのが無難です。

投稿日時 - 2006-11-02 16:07:45

お礼

教えて頂いたとおりに入力してみたところ、うまくいきました。
<TABLE>はまだ使ったことがないのですが挑戦してみます。
大変参考になりました。ありがとうございました。

投稿日時 - 2006-11-03 17:08:17

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

通常は
<img src=""> 文字 <img src="">
これでOKです。

これでできなければ、なにかcssが邪魔をしている
余計なタグがついている。(ALIGNとか)
写真の大きさによっても、枠にはまりきらないとか。

投稿日時 - 2006-11-02 16:08:20

お礼

<ALIGN>が影響しているとは知りませんでした。
写真は横幅の細いものを両サイドに配したので何とか収まって表示されました。
大変参考になりました。ありがとうございました。

投稿日時 - 2006-11-03 17:17:22

あなたにオススメの質問