ベストアンサー

どのように記述すれば画像を分かたずに表示できるのでしょうか？

2003/12/09 19:53

どのように記述すれば画像を分かたずに表示できるのでしょうか？ <HTML> <BORDER="0"> <IMG SRC="A_720x32.bmp"><BR> <IMG SRC="B_315x136.bmp" ALIGN=TOP><IMG SRC="C_250x199.bmp" ALIGN=TOP><IMG SRC="D_155x307.bmp"> <IMG SRC="E_315x171.bmp"><IMG SRC="F_250x108.bmp"><BR> <IMG SRC="A_720x32.bmp"> </HTML>

yamadayouichirou
お礼率63% (7/11)

HTML
回答数6
ありがとう数2

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

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

ベストアンサー

noname#199778

2003/12/09 22:00 回答No.6

スペースを空けずに、これらの画像を敷き詰めたいということでしょうか。そういうケースでしたら、スタイルシートで調整するか、テーブルで配置してしまうかのいずれかで対処するのが良いと思います。このケースですと、少々複雑な形になるので、テーブルで配置してしまう方が楽でしょう。スタイルシートで設定するには、少々手間がかかると思います。ソースを以下のようにしてみてはいかがでしょうか。 <table border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"><IMG SRC="A_720x32.bmp" width="720" height="32"></td> </tr> <tr> <td><table border="0" cellpadding="0" cellspacing="0"> <tr><td><IMG SRC="B_315x136.bmp" width="315" height="136"></td></tr> <tr><td><IMG SRC="E_315x171.bmp" width="315" height="171"></td></tr> </table></td> <td><table border="0" cellpadding="0" cellspacing="0"> <tr><td><IMG SRC="C_250x199.bmp" width="250" height="199"></td></tr> <tr><td><IMG SRC="F_250x108.bmp" width="250" height="108"></td></tr> </table></td> <td><IMG SRC="D_155x307.bmp" width="155" height="307"></td> </tr> <tr> <td colspan="3"><IMG SRC="A_720x32.bmp" width="720" height="32"></td> </tr> </table> 上の例では、テーブルの中にテーブルを入れて、高さの違うセル間の調整をつけています。このような方法ではいかがでしょうか。参考まで。

質問者

お礼 2003/12/09 22:43

回答ありがとうございます。ご提案の方法で、画像を分かたずに表示させることができました。今回はこの方法を利用させていただくことにしました。ありがとうございました。

その他の回答 (5)

noname#10926

2003/12/09 21:54 回答No.5

スタイルシートを使用して絶対値で指定 <BODY> <IMG src="A_720x32.bmp" width="720" height="32" alt="hage1" style="position : absolute;top : 0px;left : 0px;"><BR> <IMG src="B_315x136.bmp" width="315" height="136" alt="hage2" style="position : absolute;top : 32px;left : 0px;"><IMG src="C_250x199.bmp" width="250" height="199" alt="hage3" style="top : 32px;left : 315px;position : absolute;"><IMG src="D_155x307.bmp" width="155" height="307" alt="hage4" style="position : absolute;top : 32px;left : 565px;"> <IMG src="E_315x171.bmp" width="315" height="171" alt="hage5" style="top : 168px;left : 0px;position : absolute;"><IMG src="F_250x108.bmp" width="250" height="106" alt="hage6" style="top : 231px;left : 315px;position : absolute;"><BR> <IMG src="A_720x32.bmp" width="720" height="32" alt="hage7" style="position : absolute;top : 339px;left : 0px;"> </BODY>

質問者

お礼 2003/12/09 22:36

具体的な記述での回答ありがとうございます。この様な記述で画像を分かたずに表示させることができると解りました。ありがとうございました。

nuruhho44
ベストアンサー率57% (38/66)

2003/12/09 21:36 回答No.4

はじめまして。 E_315x171.bmpという画像を E1_315x63.bmp と E2_315x108.bmp の２つに分割すれば、４行３列のテーブルレイアウトで表示できるかと思います。分割したくないというのでしたら、<DIV>タグとスタイルシートによる絶対位置指定で並べるということになるかと思います。

質問者

補足 2003/12/09 21:43

回答ありがとうございます。質問文のHTMLファイルは、この質問をご覧になった方方が簡単に実行して質問の意図を把握できるように画像をBMPファイルにしておりますが、実際の画像はJPEGファイルで、画像ファイルは分割できません。「<DIV>タグとスタイルシートによる絶対位置指定」を実際に記述して回答いただければ幸いに存じます。重ねての回答をお願いいたします。

noname#10926

2003/12/09 20:52 回答No.3

＃1です。 >高さの異なる画像ファイルを分かたずに表示させる記述の仕方がわかりません。全ての画像の高さの幅を同じにしたいと言うことでしょうか？

質問者

補足 2003/12/09 21:25

すべての画像を分かたずに表示させたい、ということです。

chie65536
ベストアンサー率41% (2512/6032)

2003/12/09 20:09 回答No.2

すべての<IMG>タグの「中に」BORDER="0"オプションを指定して下さい。外側に「<BORDER="0">」と書いても、構文エラーで無視されます。 <HTML> <IMG BORDER="0" SRC="A_720x32.bmp"><BR> <IMG BORDER="0" SRC="B_315x136.bmp" ALIGN=TOP><IMG BORDER="0" SRC="C_250x199.bmp" ALIGN=TOP><IMG BORDER="0" SRC="D_155x307.bmp"> <IMG BORDER="0" SRC="E_315x171.bmp"><IMG BORDER="0" SRC="F_250x108.bmp"><BR> <IMG BORDER="0" SRC="A_720x32.bmp"> </HTML>

質問者