電子書籍の厳選無料作品が豊富!

htmlについて質問です
画像を並列して並べたいのですが、左詰めの縦並びになってしまいます
テーブルでかこっても同じです

<p><img src="A" width="640" height="180"></p><p> <img

src="B" width="140" height="180"> </p>
タグはこうなんですが
ABとしたいところ


となってしまいます。
心当たりは、スタイルシートを使って
ヘッダ
メインページ/サイドページ(2カラムレイアウト)
フッタ
という感じで、

#wrap { width:780px; text-align:left; margin:0 auto; }
としていることですかね・・・

初心者ですが、よろしくお願いします

A 回答 (2件)

他の方も書かれていますがpタグは段落を指すタグで、


AとBは別々の段落という扱いとなり、段落区切りの部分に暗黙的に改行が入ります。


また、ウィンドウのサイズに関係なく改行されないようにするには、
テーブルタグを用いて、その中に画像を配し、自動的に折り返さないようにnorap属性を着ければ、
ウィンドウのサイズに影響されることなく横並びで配することが出来ます。
(単に<p>タグをはずしただけでは、ウィンドウサイズの影響を受けます。)

<table>
<tr>
<td norap>
<img src="A" width="640" height="180"><img src="B" width="140" height="180">
</td>
</tr>
</table>
    • good
    • 0
この回答へのお礼

とてもべんりですね!
さっそく使いました
ありがとうございます

お礼日時:2010/09/21 22:16

まずは<p>が2つあるので、段落分けになっています。

これを1つにすると画像は横に並びます。

<p><img src="A" width="640" height="180"> <img src="B" width="140" height="180"> </p>
    • good
    • 0
この回答へのお礼

早い回答ありがとうございます!

お礼日時:2010/08/06 15:17

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!