- ベストアンサー
画像を横並べにしたい。
Aという画像とBという画像があって普通に張ると 「 A B 」という風になりますよね？ これを 「 AB 」という風にしたいんです。TABLE関係のタグだと 思うんですが教えて下さい。
- greenboy291295
- お礼率16% (30/180)
- HTML
- 回答数4
- ありがとう数6
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<table> <tr> <td><img.............></td> <td><img.............></td> </tr> </table> 他に<img>タグにalign属性を加えてもよい。
その他の回答 (3)
- mat-21
- ベストアンサー率56% (91/162)
W3Cは配置としてテーブル使用は推奨していないので、テーブルは、おすすめできません。よってスタイルシートを使用します。 <head>～</head>の間に <style type="text/css"> .floatL { float:left; } .clearL { clear:left; } </style> を記述し <body>～</body>内のIMGを配置した配置タグにクラス指定します。 <div class="floatL"><img src="a.gif"></div> <div class="floatL"><img src="a.gif"></div> <br class="clearL"> これで横並びします。 厳密に言うとスタイルシートにWIDTH指定しないとレイアウトが崩れる原因になります。
- arukamun
- ベストアンサー率35% (842/2394)
<TABLE>タグを使っても良いと思いますが、 <NOBR>～</NOBR>で、<IMG>タグを挟むという手もあります。 <NOBR><IMG SRC=a.gi><IMG SRC=b.gif><IMG SRC=c.gif></NOBR> とかでも問題ないですね。 因みに<NOBR>～</NOBR>で囲まないで <IMG SRC=a.gi><IMG SRC=b.gif><IMG SRC=c.gif> とやると、画像の総横幅がウィンドウの内部サイズより小さければ改行されないですが、大きい場合は、はみ出した画像が改行されます。
- Miki3548
- ベストアンサー率24% (22/89)
こんにちは おっしゃる通り テーブルを使って表示できると思います。 1行２列のテーブルを作成して 1セルごとに画像を配置します。 このとき テーブルの ・外枠の太さ(BORDER) ・セル間隔(CELLSPACING ・セル余白(CELLPADDING) を全て"=0"にすれば テーブルの枠が消えます セル余白を広めに取れば画像は離れます。 <TD>に横位置指定タグ(ALIGN)と 幅指定タグ(WIDTH)を使えば 画像の位置調整もできそうですね。 分かりにくい場合 「HTML BORDER（タグ名）」 という感じで検索すれば 沢山サンプルが出てくると思います。 がんばってください。
