テーブルの背景に画像を貼り付けて、その画像がテーブルいっぱいに表示されるようにしたいのですが、やり方がどうにもわかりません。
本来の画像のサイズはテーブルより大きいんですが、800×600でも1024×768でも同じように全画面表示になるって感じにしたいんです……ウィンドウのサイズに合わせて縮小する感じです。
スタイルシートで<td>内に
background="aaa.jpg" style="background-repeat:no-repeat"
と記述していますが、縮小ができません。
分かる方いらっしゃいましたら教えて下さい。
お願いします。
No.2ベストアンサー
- 回答日時:
ページ全体に画像を伸縮して(背景のように)表示させる方法ならばサンプルがあります。
(テーブルに、と、なるとちょっと難しいそうですね。)
参考URL:http://www.tohoho-web.com/wwwxx037.htm
この回答への補足
試してみたんですが、はみ出して違うところに表示されてしまうようです。
テーブルでは無理なんでしょうか?
普通の背景だったら昔どこかでタグを見たんですが……
ともかく、教えて頂いてありがとうございます。
No.3
- 回答日時:
質問に対する答になっていませんが、こういうので代用は出来ませんか?URLに画像の上に文字を書く方法が入っています。
どうしても背景でなくてはならないのなら、だめですが。
画像ならwidth,heightを100%にすれば、ウィンドウの大きさに比例して拡大縮小してくれます。
>普通の背景だったら昔どこかでタグを見たんですが……
背景画像のサイズを変更するタグは見たことがないのですが、あれば私も教えていただきたいです・・・。
参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=732892
答えをくれた皆様へ。
まとめたお返事で申し訳ありません。
やっぱりどうしてもできそうも無かったので、サイズに関しては諦めて普通に背景として貼り付けました。
いろいろ教えてただいたんですが。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- その他(ソフトウェア) 画像の拡大率を固定したまま次の画像を表示出来るビューアを探しています 2 2022/05/13 17:19
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- モニター・ディスプレイ WindowsノートPC 13.3で画面縮小したい 画面全体が見えない めり込んでしまってます 1 2023/01/22 13:42
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
goo は、放置?
-
htmlの文字が縦書きになる
-
スマホ(android)のタッチパネ...
-
css初心者 フレックスボックス...
-
メモ帳の段落の揃え方
-
CSS、Bootstrapについて contai...
-
テーブルの行を折りたたみたい...
-
WEBページを強制的に横画面で見...
-
WEBサイト 画像の直接リンクに...
-
CSSについて教えてください。 ...
-
列のどこをクリックしてもソー...
-
ボタンが押されたらWebページの...
-
アコーディオンメニューが思う...
-
テーブルタグのセルの幅の一部...
-
iPhoneで HTMLファイルを閲覧
-
角丸画像の背景色を透明にした...
-
htmlソース文の 各行 改行位置...
-
ホームページのURLをコピー...
-
pythonのコードについてご教示...
-
すいません HTMLです この画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報