- ベストアンサー
背景画像が反映されない
以下スタイルシートとＨＴＭLを記入しましたが背景画像が反映されません。 ＣＳＳ .ta1 { background-image: url(../images/staff.jpg); } ＨＴＭＬ <table class="ta1"><tr><td>aaaaaaaa</td></tr></table> 何がまちがっているんでしょうか？ 画像の位置は間違っていません。
- kurobon619
- お礼率76% (314/410)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
CSSの場合・・・ ファイル名やディレクトリの間違い。 HTMLの場合。 borderが指定されて無く、指定されてても表示上表示するのに充分な領域を確保出来ない為、見掛けでは非表示に成ってる可能性。 又はtr、th、tdに背景を指定。
その他の回答 (1)
- torayoshi
- ベストアンサー率62% (910/1449)
こちらでまったく同じ階層構造で再現出来ました。 なんかやっぱり階層が怪しいかなと… この書き方だとhtmlを収めたディレクトリとimagesディレクトリは、 同じ階層になければいけませんが…
お礼
torayoshiさんありがとございます。
関連するQ&A
- 背景画像に任意の位置でテキストを配置する
CSSで背景画像を読み込み、に任意の位置でテキストを配置するには テーブルでとspace.gifを使ってやるしかないのでしょうか？ もっとスマートな方法はないんでしょうか？ CSS .ac1 { background-image: url(images/index_main01_02.jpg); width: 629px; height: 390px; } HTML <table class="ac1"> <tr><td valign="top"><img src="images/space.gif" width="239" height="60" class="over" /></td></tr> <tr><td valign="top">これはテストですこれはテストですこれはテストです</td></tr> <tr><td valign="top"><img src="images/space.gif" width="239" height="60" class="over" /></td></tr></table>
- ベストアンサー
- CSS
- セルの背景画像の変更
リンクに触ると背景画像をp15.jpgに変更したいのですが よろしくお願いします。 <table> <tr><td>123</td> <td background="p10.jpg"><a hrf="abc.html">abc</A></td> <td>456</td> </tr></table>
- ベストアンサー
- JavaScript
- 文字を右寄りにしつつ、背景を赤にするには
css初心者です。 一番左のセルのみ、文字を右寄りにしつつ、背景を赤にしたいのですが、 全ての背景に色がついてしまいます。 １と１００のセルのみ、文字を右寄りにしつつ、背景を赤にするにはどうすればいいですか？ <html> <head> <title>test</title> <style type="text/css"> td.table_moji_right { text-align: right; } td { background-color: red; } </style> </head> <body> <table border=1 cellspacing=1> <tr><td class="table_moji_right">1</td><td>aaa</td></tr> <tr><td class="table_moji_right">100</td><td>iii</td></tr> </table> </body> </html>
- ベストアンサー
- HTML
- オンマウスで異なるセルなどの背景を変える方法
(1)オンマウスで、オンしているセルではないセルの背景画像を変える方法と、 (2)オンマウスで、セルではなく、テーブル自体の背景画像を変える方法を 教えて下さい。 (1) <table><tr> <td>1111</td> ←このセル(文字)にオンマウスして <td>2222</td> <td>3333</td> ←このセルの背景を変える </tr></table> (2) <table background="*****.jpg"><tr> <td>1111</td> ←このセル(文字)にオンマウスしてテーブルの背景を変える <td>2222</td> <td>3333</td> </tr></table> こちらで使用しているブラウザはSafari2.0.4とFireFox3.0.8です。 お願いします。
- ベストアンサー
- HTML
- CSSでTRに枠線とTDに背景を指定したい。
CSSでTRに枠線種を指定、TDで背景色を指定したいのですが、 Firefoxでは思惑通り表示されますが、IEではTRの枠線が表示されません。 何か良い対応策は無いでしょうか？ == CSS == TABLE { border-collapse: collapse; } .grid { border: solid 1px; border-color: #888; } .nogrid { border: none; } .title { background-color: #ff7; } .data1 { background-color: #eef; } .data2 { background-color: #fff; } == HTML == <table> <tr class="grid"> <td class="title">項目１</td> <td class="title">項目２</td> <td class="title">項目３</td> </tr> <tr class="nogrid"> <td class="data1">値１</td> <td class="data1">値２</td> <td class="data1">値３</td> </tr> <tr class="nogrid"> <td class="data2">値１</td> <td class="data2">値２</td> <td class="data2">値３</td> </tr> </table>
- 締切済み
- HTML
- CSSで画像表示のやり方を教えてください
初めまして、ＣＳＳを少し勉強中なんですが、文字の背景に画像を張りたいんですがうまくいかないので教えていただけないでしょうか？ 今の状態はこんな感じです。 間違っていますか？ ＨＴＭＬファイル <TD colspan="3" width="609"><div class="menu1">aaaaaaaa</div></TD> CSSファイル div.menu1 { background-img : url(object.gif); } この二つのファイルを使っているんですが画像が表示されなくて困ってます。教えていただけるとうれしいです。 ご迷惑おかけしますがよろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- CSSを使って画像を背景としてウィンドウ全体に表示する方法を探していま
CSSを使って画像を背景としてウィンドウ全体に表示する方法を探しています。 HTMl,CSSともに初心者なので、わかりにくい表現や、ただ単純に方法が間違っているだけかもしれませんが、助言をしていただけると大変助かります。 HTML上から画像を背景全体に表示する方法は下記の方法（http://www5e.biglobe.ne.jp/access_r/hp/html/html_026.html）で行えたのですが、その後Tableなどを作成しCSSで設定しようとすると全く表示されないので、CSSで背景全体に表示されることが出来れば、Tableなども問題なくできるのかなと考えました。しかしネット中を探しても未だにCSSから画像を背景全体に表示する方法を見つけることができません。 CSSから背景全体を表示することは不可能なのでしょうか？ もし背景全体を表示するのは上記のホームページで説明されている通りHTML上で入力しなければならないのでしょうか？そしてその場合、どのようにCSSを使ってTableを表示させるように出来るか教えてください。 今いろいろと試して下記のようにHTMLとCSSに書いたのですが、表示されているのは選択している画像が縦そして横にリピートされているだけです。 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled</title> <meta name="generator" content="BBEdit 9.3" charset=UTF-8"/> <link rel="stylesheet" style type="text/css" href="css.css"> </head> <body> <table="1"> <tr> <td></td> <td></td> </tr> </table> </body> </html> CSS @charset "UTF-8"; body { background-image:url(../images/background.gif); position:absolute; width:100%; height:; top:0px; left:0px; z-index:1; } .1 { width:800pixel; height:600pixel; border:10pixel; } すいませんが助言していただけると大変感謝いたします。 よろしくお願いします。
- 締切済み
- CSS
- 画像にオンマウスで背景画像を固定
画像にオンマウスで背景を水平方向+上に固定するにはどうしたら良いのでしょうか？ 今現在使用しているタグだと垂直水平方向に繰り返しになってしまいます。 使用しているソースは以下のとおりです。 ---------------------------------- </HEAD> <BODY> <TABLE cellspacing="0"> <TBODY> <TR> <TD onmouseover="body.style.background='url(/image/001.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/001.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/002.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/002.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/003.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/003.jpg" width="200" height="200" border="1"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> ---------------------------------- 「fixed repeat';」を「fixed repeat-x';」に変えてみても変化なしでした。 また、styleに <!-- BODY { background-attachment: fixed; background-repeat: repeat-x; background:position:top} --> を書いてみたりもしたのですが変化なしでした。 ご存知の方、詳しい方アドバイスお願いします。
- ベストアンサー
- HTML
- Firefoxでテーブルの背景画像が表示されない
下記のようにテーブルに背景画像を表示させたいのですが、 なぜかFirefoxだけ背景画像が表示されません。(WindowsXP,Firefoxは最新版(1.5.0.7)です) IE,OPERA(ともに最新版)では表示されます。 いろいろと検索したのですが同様の相談は見つからず、自分が根本的にミスをしているのだと思いますが、どうしていいのかわからずに相談した次第です。 .tab{width:502px;margin-bottom:20px;} .01{background:url(img/title.gif) top no-repeat;width:502px;height:32px;padding:0px 0px 4px 20px;} .02{background:url(img/com_top.gif); width:502px;height:10px;} .03{background:url(img/com_middle.gif); width:502px;padding:5px 20px 5px 20px;} .04{background:url(img/com_bottom.gif); width:502px;height:10px;} <table cellpadding="0" cellspacing="0" class="tab"> <tr><td class="01">タイトル</td></tr> <tr><td class="02"></td></tr><tr><td class="03"> サンプルテキストサンプルテキストサンプルテキスト </td></tr><tr><td class="04"></td></tr></table> http://www.isonly.net/~second_blue/n/ ↑実際のページです。 汚いHTMLで申し訳ないのですが、解決方法をご存じの方、ご教示下さい。 よろしくお願いします。
- ベストアンサー
- ブラウザ
お礼
>指定されてても表示上表示するのに充分な領域を確保出来ない為、見掛けでは非表示に成ってる可能性。 その通りでした。aidesさんありがとうございます。