- 締切済み
テーブルのバックグラウンド画像のサイズを変更する。
テーブルのバッググラウンド画像 <TABLE background="○○"> のサイズを修正することは可能でしょうか? 普通に、この後ろにサイズを入れるとテーブルサイズとして認識されてしまい、画像サイズは元画像サイズのままです。 画像自体は他の場所で利用しているので"そのサイズで保存しなおし"と言うのは無しでお願いします。 また、枚数が多いので"それぞれサムネイル画像をもう１枚作ればいいじゃない"と言うのも無しでお願いします。
- master-3rd
- お礼率39% (524/1325)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- LAIT
- ベストアンサー率32% (25/78)
背景画像を繰り返し表示したいということでしょうか。 それなら次のURLを参考にしてください。 http://www5e.biglobe.ne.jp/~access_r/hp/css/css_background_005.html その他の背景画像について http://www5e.biglobe.ne.jp/~access_r/hp/css/css_property.html#background
- rubyeye
- ベストアンサー率47% (395/825)
imageタグではサイズ変更できますが、backgroundでは変更はできません。 ＞"そのサイズで保存しなおし"と言うのは無しでお願いします。 ＞"それぞれサムネイル画像をもう１枚作ればいいじゃない"と言うのも無しでお願いします。 そう言われましても、それしか手段はありません。
関連するQ&A
- 画像がテーブル内に収まらない
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
- TABLEのなかに画像を入れたい
<table>の<td>～</td>のなかに以下の条件で画像を入れたいのですができますか？ ・画像は一回だけ使用する（繰り返さない） ・（もしできるようなら）<td>の中の文章量によってサイズが長くなったり短くなったときに画像を自動でサイズを合わせられるようにしたい。 イメージとしてはbackgroundをつかって背景画像を指定。 その画像の上に文章を書いていく。 文章の量によって将来的にはおそらく縦に伸びていってしまうので、そのたびに画像を編集しないですむよう縦長にはなるが、自動で縦横の比率を調整できるようにする。（テーブルと同じサイズにする） です。<body>のなかに画像固定をして入れるのはわかるのですが、<table>ではやり方がわからなくて困っています。（同じようにstyleを使うのでしょうかね？）<table>～</table>の中を簡単に書いていただけると助かります。
- ベストアンサー
- HTML
- 背景画像がテーブルに透けてしまう
<body background="画像のURL"> <STYLE TYPE="text/css"> <!-- BODY { background-color: white} --> </STYLE> <Table Border="1" Width="サイズ"> <Tr> <Td ColSpan="サイズ" Align="位置">～ という感じでページを作っているのですが、 背景の画像が透けてテーブルの中の文字が見え難く 困っています。 テーブルの中は「white」で白に指定している つもりなのですが、白になりません。。 このタグでテーブルの中を背景が反映されず真っ 白にする方法ってあるのでしょうか？ 調べてみたのですがどうも分からないので教えて下さい。
- ベストアンサー
- レンタルサーバ・ASP
- サムネイル画像の画像サイズについて。
【htmlで使用する画像ファイル】 1.png(800*800) 2.png(800*800) と二つの画像ファイルがあります。 これを以下手順でサムネイル画像を作成しました。 ・PNGGauntlet で画像圧縮 ・photoshopCS4で 画像サイズを半分(400*400)にして、サムネイル画像として保存(頭にtを付ける。) 【できたサムネイル画像】 t1.png(400*400) t2.png(400*400) 【質問】 元の画像(tなし)より、サムネイル画像(tari)のほうがサイズが大きくなるのです。 元の画像サイズ < サムネイル画像サイズ 1.png(800*800) 100k t1.png(400*400) 200k 2.png(800*800) 100k t2.png(400*400) 200k PNGCauntletで圧縮したものを、サムネイル化しているのにサイズが大きくなっています。 なぜこのようなことが起こるのでしょうか。photoshopのせいなのでしょうか。 このサイズの大きくなった画像を、htmlのimgタグのサムネイル画像として使用するべきなのでしょうか？ ご教授よろしくお願いします。
- ベストアンサー
- HTML
- サムネイルから元のサイズの画像の右クリック禁止
HTMLタグでの右クリック禁止は認識しています。 ただ、サイト上はサムネイルを使っているのですが、サムネイル画像は右クリック禁止タグで設定できますが、サムネイルをクリックして元のサイズの画像が別ウィンドウで開いた画像は保存禁止はできないのでしょうか？ 右クリック自体が、すでにあまり意味のないことは知っていますが、知人から了承を受けて頂いた画像をあまり簡単に持っていかれるのは困るので設定しておきたいと思いました。 良い方法があれば、ご教示ください。
- ベストアンサー
- HTML
- FireFoxでテーブルのbackgroundが表示されない
テーブルレイアウトで、IEでは正しく表示されているbackgroundカラーがFireFoxでは表示されません。 文字が見えなくなってしまい大変困っています。 CSS初挑戦だったので、そもそもコードが正しくないのかも知れません。調べたのですが解決策がわかりません。 どなたかご存知の方いらっしゃいましたらよろしくお願いいたします。 下記コードです。 /*CSS*/ TABLE.SAMPLE { table-layout: fixed; width: 500px; background:"#FFFFCC"; } td.td_hd { background:"#000066"; color:Silver; font-size: 12pt; } /*HTML*/ <table class=SAMPLE> <tr> <td class=td_hd>ヘッダタイトル</td> </tr> <tr> <td>あああああああああああああああああああああああああああああ</td> </tr> </table>
- ベストアンサー
- HTML
- テーブルの背景画像をランダムに。
こんばんは。 よく、背景画像がランダムで出てくるのってありますよね。 あれをテーブルの背景では出来ないでしょうか。 <TABLE background="画像のURL">の背景を ランダムにするやつです。 宜しくお願いします。
- ベストアンサー
- HTML
- テーブル全体に背景画像
こんにちは。お世話になっています。 ホームページで、テーブル全体に背景画像を貼り付けたいのですが、 <table background=URL>またはCSSで table{background-image: URL;} と指定しても何も貼り付けることができません。 一つのセルにだけ貼り付けるとうまくいくのですが何か原因があるのでしょうか？アドバイスをよろしくお願いいたします。
- ベストアンサー
- HTML
- table のバックグラウンドカラー
background-color は継承されないものだと認識しております。 ・HTML内容 <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>検証</title> </head> <table border="1" background="red"> <tr> <th>授業内容</th> <th>講義</th> </tr> <tr> <td>1時間目</td> <td>国語</td> </tr> <tr> <td>2時間目</td> <td>数学</td> </tr> <tr> <td>3時間目</td> <td>英語</td> </tr> <tr> <td>4時間目</td> <td>科学</td> </tr> </table> </body> </html> ====ここまで==== ボタンを押す。⇒setStyleが動く⇒tableの背景が赤色で塗られる。動作までは分かるのですが、 td、thの部分の背景まで赤色になっています。 これは、テーブルと言う枠に、赤色が塗られ、その上にtd、thが置かれる。 結果、td、thの背景赤色は (1)「td、thのbackgroundは指定していないため、デフォルトのtransparentが有効で、 テーブルの背景赤色が透けて見えている」 (2)「td、thに、tableのbackgroundが継承されて、赤く塗りつぶされていないということ」 の考えに間違いがないか確認させて頂きたいのです。 ご教授お願いします。
- ベストアンサー
- CSS
- 画像枠テーブルについて
画像を使ってテーブルを作ってます。 しかし、上と右の画像が繰り返してしまいます。 ここで調べてCSSでやってみましたが余計崩れてしまいました。 右下の部分と右の部分の結合もおかしくなります。 どうしたらいいんでしょうか？ http://blog-imgs-19.fc2.com/x/a/n/xandinosqu/table_temple.png 紫で囲まれた部分です。 ソースは <TABLE border="0" cellpadding="0" cellspacing="0" width="60%"> <TBODY> <TR> <TD><IMG src="左上の画像" width="15" height="15"></TD> <TD background="上の画像" width="100%"> </TD> <TD><IMG src="右上の画像" width="15" height="15"></TD> </TR> <TR> <TD height="50" background="左の画像"> </TD> <TD bgcolor="#ff577f"> <TABLE border="0" cellpadding="20" cellspacing="2" width="100%" height="100%" align="CENTER"> <TBODY> <TR> <TD>*中身*</TD> </TR> </TBODY> </TABLE> </TD> <TD background="右の画像"> </TD> </TR> <TR> <TD><IMG src="左下の画像" width="15" height="15"></TD> <TD background="下の画像"> </TD> <TD><IMG src="右下の画像" width="15" height="15"></TD> </TR> </TBODY> </TABLE> です。 ビルダーで編集してます。 横幅は60%でいいんです。 画像サイズは、左上・右上・右下・左下・右・左・上・下全て15×15です。 中途半端な説明かと思いますがご教授お願いします。 えーっと、それとなるべくなら小学生でも分かりやすい説明をお願いします。小学生じゃないですけど。
- ベストアンサー
- HTML
お礼
ムリですか。そうですか…(泣