ベストアンサー

画像の伸縮？？

2002/02/19 13:50

テーブルの中にいれた画像を引き延ばしたいのです。たとえば、下記のサイトはサイズを最大化すると画像が伸びますよね(？)上の方です。。 http://www.apple.co.jp/ そーいうのがしたいのです。しかしながら、ソースを真似しても何故かうまくいかんのです。単純ミスなのかな(ーー；ヘルプお願いします。

mamelight
お礼率98% (1361/1377)

HTML
回答数5
ありがとう数5

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

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

ベストアンサー

sesame
ベストアンサー率49% (1127/2292)

2002/02/20 21:43 回答No.5

どうもレス遅くなってすみません。ソース、再現実験してみました。 …けっこう複雑ですねー。画像ファイルがないんで、具体的にどの辺がずれてるのかちょっとわからなかったです。すみません。以下、考えられるアドバイスですが… ・すべて選択→解除すると細い線が消えませんか？どうも表示系のバグらしくて、テーブルで複数分割された画像を表示するときに、線がどうしても出てしまうようです。で、範囲指定すると再描画されてこの線、消えます。・あと、ちょっとめんどくさいんですが、テーブルのセルにBACKGROUNDで画像を貼り込むときに、ちょっと大きめにしておくとすき間ができません。具体的には、実際に表示されるセルサイズより右と下を余分目に作っておくと良いみたいです。

質問者

お礼 2002/02/27 19:37

ご回答ありがとうございました。お返事遅くなって御免なさい。どうやら、imagereadyで書き出したときに、生成されるspacer.gifが悪さをしていたようです。アドバイスありがとうございました。何かのときに役に立つと思いますので、覚えておきたいと思います。

その他の回答 (4)

sesame
ベストアンサー率49% (1127/2292)

2002/02/19 22:47 回答No.4

>>ただ、BGと普通の画像がずれるんですよね。うーん、このソースだけでは何とも…。せめてテーブル全体<TABLE>～</TABLE>のソースがないと、どんなレイアウトを目論んでいるのか掴みかねます。もしよろしければもう少し前後のHTMLを補足してもらえますか？あと、BODYタグの内容も。マージンの設定とか、どうなっているか知りたいので。

質問者

お礼 2002/02/20 01:00

そうですね、御免なさい、以下ソースになります。 <body bgcolor="#FFFFFF" text="#666666" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <table width=800 height="310" border=0 cellpadding=0 cellspacing=0> <tr> <td> <img src="images/spacer.gif" width=44 height=1></td> <td> <img src="images/spacer.gif" width=242 height=1></td> <td> <img src="images/spacer.gif" width=54 height=1></td> <td> <img src="images/spacer.gif" width=171 height=1></td> <td> <img src="images/spacer.gif" width=247 height=1></td> <td> <img src="images/spacer.gif" width=42 height=1></td> <td></td> </tr> <tr> <td colspan=4> <img src="images/head_design_01.gif" width=511 height=54></td> <td rowspan=3> <img src="images/head_design_02.gif" width=247 height=228></td> <td rowspan=4> <img src="images/head_design_03.gif" width="42" height="273"></td> <td > <img src="images/spacer.gif" width=1 height=54></td> </tr> <tr> <td colspan=2> <img src="images/head_design_04.gif" width=286 height=173></td> <td colspan=2 rowspan=2> <img src="images/head_design_05.gif" width=225 height=174></td> <td> <img src="images/spacer.gif" width=1 height=173></td> </tr> <tr> <td rowspan=3> <img src="/images/head_design_06.gif" width=44 height=83></td> <td rowspan=2> <img src="/images/head_design_07.gif" width=242 height=46></td> <td> <img src="/images/spacer.gif" width=1 height=1></td> </tr> <tr> <td rowspan=2> <img src="/images/head_design_08.gif" width=54 height=82></td> <td colspan=2> <img src="/images/head_design_09.gif" width=418 height=45></td> <td> <img src="/images/spacer.gif" width=1 height=45></td> </tr> <tr> <td height="3"> <img src="/images/head_design_10.gif" width=242 height=37></td> <td colspan=3 height="3"></td> <td height="3"> <img src="/images/spacer.gif" width=1 height=37></td> </tr> </table> </td> <td width="100%" height="310" background="/images/head_design_bou.gif" valign="top"><img src="images/head_design_bou.gif" width="10" height="310"></td> </tr> </table> 長いですが、頭のところまんま(^^；多少サイズとか変更したところがあります。バックグラウンドとの境目に細い白い線が入ってしまいます。左上にも何故か白い細い線があるように見えます微々たるものですが、ズレも見られます。すごく気になります(ーー；

sesame
ベストアンサー率49% (1127/2292)

2002/02/19 16:08 回答No.3

<td width="90%" "background=images/test.gif"> <img src="images/test.gif" width="5" height="274"></td> ↑だと、幅5ピクセル、高さ274の、えっらく縦長の画像が表示されますが… そういうのがご希望なんですか？というか、test.gif自体が5*274の画像なんでしょうか？アップルのページトップのメニューバーは、1*53ピクセルの画像で実現されてますよね。そういうふうに、横長のレイアウトにしたいのでは？あと、 <td width="90%" "background=images/test.gif"> は、 <td width="90%" background="./images/test.gif"> が正解です。

質問者

お礼 2002/02/19 17:57

はい、そのサイズでOKです(^^; どうもご丁寧にありがとうございました。ただ、BGと普通の画像がずれるんですよね。うまく繋がらない。テーブルを入れ子にしてあるから？？なんででしょ？(ーー；

noname#21343

2002/02/19 15:57 回答No.2

　こんにちは。　ソースで１点だけ、気になるところがありました。「background」の前に「"」がついてますよね。これ、不要です。　ピント外れだったらお許しを。　

質問者

お礼 2002/02/19 17:53

あ、そうですね(^^;それが原因だったみたいです。感謝。

noname#8250

2002/02/19 14:00 回答No.1

＞たとえば、下記のサイトはサイズを最大化すると画像が伸びますよね(？)上の方です。。具体的に...のびませんが。＞しかしながら、ソースを真似しても何故かうまくいかんのです。実際どうソースを書いているのか書き出してください。その方が間違いも分かるでしょうし。 <IMG src="***.gif" width="xxx" height="xxx" border="0" alt="画像"> xxxはピクセルか「～％」で設定すればいいと思うんですがこれではだめなのですか？

質問者

お礼 2002/02/19 14:55

ありがとうございます。 >具体的に...のびませんが。そのサイト(アップルですが)は、widthの指定が1になっていますよね。左右のところです。ですんで、引き延ばしているのかなと思ったのですが。はい、書き出します。私のソースは、 <td width="90%" "background=images/test.gif"> <img src="images/test.gif" width="5" height="274"></td> という具合で(ーー； border,altは省いています。alignはディフォルトなのでこれも省略。ちなみにまだローカル上で作業しています。

関連するQ&A

ブラウザに合わせて伸縮する画像テーブル
手打ちでHPを作成している者です。ブラウザに合わせて伸縮するようにテーブルを作りたいと思っています。普通のテーブルなら％で伸縮させられたのですが、8つの画像を使う角の丸いテーブル等、画像で作ったテーブルの伸縮がうまくいきません。画像がテーブルの表示領域いっぱいに連なり、模様のようになってしまいます。そしてその中にインラインフレームでコンテンツを表示させたいと思っています。ブラウザに合わせてテーブルも、その中のインラインフレームも同じように可変させたいのですが、どうしたらよいのでしょうか？お詳しい方、ご回答よろしくお願い致します。
- ベストアンサー
- HTML
HTMLのテーブルに画像を挿入
IE6、タグは手打ちでHPを作成しています。テーブルと画像について質問させていただきます。 <table width="180" border="0" cellspacing="0"> このようなソースのテーブルがあったとします。その中に画像を入れるとします。 width="180"　よりも大きな画像の場合、セルが大きく広がってしまいます。画像のサイズは変更できないので、セルの大きさに合わせて画像を表示させたいのですが、その際のソースを教えていただけないでしょうか？ "画像サイズは変更不可"を前提にお願い致します。また足りない情報がありましたら補足させていただきますので、どうぞよろしくお願いします。
- ベストアンサー
- HTML
tableの中のtableの表示と外側（大きい方）のtableに背景画像を表示させる方法
非常にわかりにくいタイトルで申し訳ありません。tableの中にtableを入れて、外側（大きい方）のtableだけ背景画像を表示させたいのですがどのようにすればいいのでしょうか？下記ソースまでは作ったのですが、中（小さい方）のtableがなぜか右よりになってしまいます。小さいtableを真ん中にして、そのtableの周りを画像で囲みたいのですがどのようにすればいいのでしょうか？もちろん、下記ソースでなくても全然かまいません。htmlはまだまだ勉強中で詳しい方からすれば非常に見難いソースで申し訳ありませんが、ぜひお力添えいただけたらと思いますのでよろしくお願いします。 ↓ソース <html> <head> <body> <title>タイトル</title> <TABLE background="画像jpg"><TD width="10%" height="10%"><TR></TD><TD height="100%"></TD><TD width="100%" height="100%"><TD width="100%"><TD> <TABLE border width="600" height="100%" bgcolor="white"> 　<TR> 　　<TD> 文章 </TD> 　</TR> </TABLE> </CENTER> </body> </html>
- ベストアンサー
- ブログ
画像がテーブル内に収まらない
IEを使っているのですがテーブルの中に縮小した画像を入れると、元の画像のサイズ分、テーブルが広がってしまいます。テーブルのタグは <TABLE> <TBODY> <TR> <TD><A href="aaa.html"><IMG class=size src="/image/aaa.jpg"></A></TD></TR></TBODY></TABLE> このような感じです。スタイルシートで sizeは } IMG.size { ZOOM: 20% } のように指定しています。 IE8の時は画像をクリックする時も、マウスカーソルで画像を押してる時だけ元の画像サイズが、点々で表示されます。 IE９の場合も同じく画像が広がりますがマウスカーソルを画像に当てても点々は表示されません。スレイプニル等のブラウザなら、テーブルの中に画像を入れても画像は指定したサイズで表示され、テーブルに収まります。テーブルのサイズを <TABLE width="30%"> としても、やはり画像の元サイズを基準にテーブルも広がってしまいます。
- 締切済み
- HTML
HTML5で画像をクルクル回したい。
HTML5で画像をクルクル回したい。すみません。お手上げです。教えてください。アップルのHTML5のサイトで、IPhoneを360度クルクル回せるサイトがあります。 http://www.apple.com/html5/showcase/threesixty/ この技術を使いたいと思い、firebugなどでソースを見てるのですが、どうやっているのかわかりません。 javaScriptを呼び出して、表示する画像を次々と変えているようなのですが、それって、ＨＴＭＬ５の技術なのでしょうか。ＨＴＭＬ５のcanvasなどの最新技術を使っていると思っていたのですが、どんな方法で回しているのかがわかりません。一応ＨＴＭＬ５のサンプルページなので、最新技術を使っていると思っているのですが・・・・・。ただjavaSvriptで処理しているだけなのでしょうか。ソースなどは自分で調べますので、そんな技術を使っているかだけでも教えて教えていただけると助かります。すみません。困っています。ご存知の方、どなたか教えてください。よろしくお願いいたします。
- ベストアンサー
- HTML
画像が読み込み出来ません！
P252isを使用していますが、PCから画像を待ち受けサイズに変換して送るサイトを利用して、送るのですが、送られてきたURLをダウンロード中に「１ページの最大サイズを超えたので中断しました」と出て画像が見られません、対策方法が有りましたら、教えて下さい。宜しくお願いします。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
携帯の画像について
携帯用の待ちうけ画面等の画像を作りたいと思っています。そこで、携帯の機種ごとに表示できる画像のファイル形式や、画像のサイズ、最大のファイルサイズなどを知りたいのですが、そのようなものがまとまって一覧できるようなサイトは無いでしょうか？
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
テーブルに画像を入れたい。
皆さん、お世話になります。 HTML初心者ですが、バスケットチームのサイトを作っている途中です。選手の紹介ページでテーブルの中に選手の画像をピッタリはめ込み、下に名前などのコメントを、入れたいと思います。どういうソースならば上手くいくでしょうか？ご教授願います。
- ベストアンサー
- HTML
テキストと画像のセンタリングについて
テキストと画像のセンタリングについて今現在サイトを作っています。メニューの素材をダウンロードしてきて導入しようと思ったのですが、導入するとテキストや画像がセンタリングしてしまいます。メニューは下記サイトの素材を使用しました。 http://apycom.com/menus/1-black.html 下記が私のサイトです。汎用性をあげる為にTOPページ以外のページ上部のメニュー部分はまとめてSSIでインクルードしています。TOPページのようにalign属性を指定すれば解決できるのですが、それ以外に解決方法はないでしょうか？CSSファイルなどで設定されているのかと思いソースを見てみましたが、さっぱり分かりません。 http://aviflag.orsp.net/link.shtml サイトの作成について半可通の知識しかない為に、テーブルでレイアウトしていたりとてもお見苦しいソースですがよろしくお願いします。どのようにすればテキストや画像がセンタリングされないようになるでしょうか？分かる方がおりましたらご教授ください。何卒よろしくお願いします。
- ベストアンサー
- HTML
ブラウザのサイズによって伸縮させる方法
下記のサイトのようにウィンドウの大きさに合わせて伸縮するサイトが作りたいのですが、コードの記述が分かりません。 http://www.cocoro-gift.com/ ブラウザのサイズによって背景画像が伸縮するやり方は載っていたのですが、今回作りたいのは右側にもムービークリップがあり、ウィンドウの大きさを変えてもステージの右端にくっついていくような作りです。上記サイトのsakeのメニューを開いていくと、左下にボタン、右にお酒の画像が出てくるのですが、ウィンドウの大きさを変えてもそれぞれの位置は固定されたまま、ステージだけが伸縮する形です。そのようなflashをつくるには、どんなコードにすればいいのでしょう？分かる方どうかよろしくお願いいたします。
- 締切済み
- その他([技術者向] コンピューター)

画像の伸縮？？