- ベストアンサー
外部ＣＳＳ
XHTML文章に外部スタイルシートを適用しているのですが、他のスタイルは適用されるのに何故か背景画像(background-image：)だけが適用されず画像が表示されません！記述も何度も確認したので間違ってはいないと思うのですが・・・*(imgフォルダ、cssファイル、htmlファイルは同じ場所にあります。)記述ミス以外にこの様なことが起こるのでしょうか？起こるとすればなにが原因なのでしょうか！困っています！わかる人がいたら教えて下さい。よろしくお願いします。
- yy1031
- お礼率69% (16/23)
- その他（プログラミング・開発）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
記述ミス以外で思いつくのは… 画像ファイルがない（場所が違う） 画像ファイルをテキストモードで転送している 画像ファイルが壊れている（転送過程で壊れる事もある…かもしれない） 余談ですが 単純な文法チェックはチェッカーがあります。 http://jigsaw.w3.org/css-validator/ 目で見て気が付かなくても一応試してみては？
その他の回答 (1)
- higekuman
- ベストアンサー率19% (195/979)
画像ファイルが無いとか・・・ この質問では、どんなhtml、どんなcssを書いているのか判らないので、これ以上は解りません。
お礼
ありがとうございました。
関連するQ&A
- CSSで相対パス
さっきニコニコ動画のスタイルシート見たんですけど、 こういう記述があって body.tpl { width:960px; background:#FFF url('/img/tpl/bg_rc2.gif') repeat-x; color:#333; margin:0px auto; padding:0px; } このスタイルシートはcssというフォルダの中にあって、 そこと同じ階層にimgというフォルダがあって、 あとは直接index.phpとかのメインのファイルが置いてあるみたいなんですけど、 普通外部スタイルシートから別のフォルダ(同じ階層にある別のフォルダ)にあるイメージを呼び出すなら ../img/tpl/bg_rc2.gif になるはずだと思うんですけど、上の記述だとまるでCSSの相対パスのベースが上位の階層(index.phpとかのメインのファイルがあるの階層)になってるみたいにに見えるんですよね、 もしこれが出来るなら、大量にネストして外部スタイルシート作ってある場合(imgフォルダから遠い階層)、 ../../../../../../img/a.gif って呼び出さないといけないのが楽にすむじゃないですか、 もし外部スタイルシートの相対パスのベースをこういう風に設定できる方法があるならおしえて下さい、 俺の勘違いだったらごめんなさい
- ベストアンサー
- HTML
- css（スタイルシート）について
最近スタイルシートを勉強しているものです。 外部スタイルシートにて body { margin: 0; padding: 0; background-image:url(img/back.jpg); background-repeat:repeat-y; background-position: center; background-color:#333333; } という記述で、背景の設定をしました。 プレビューイメージは背景＝黒 中央＝白といったイメージです。 中央＝白の位置にテキスト文字を入れたいのですが、マージンもしくはパディング設定をしてしまうと ウィンドウのサイズによって背景と文字がずれてしまいます。 テキストの文章もcssで設定したい場合 どのように設定するのがよろしいでしょうか？ よろしくお願いします。
- 締切済み
- CSS
- 外部ＣＳＳで画像の挿入は出来ますか？
外部ＣＳＳで、背景画像ではなく、「画像」の挿入は出来ますか？ <IMG SRC="●●">をＣＳＳで。 もし出来ましたら、外部ＣＳＳとHTML両方の記述を教えていただけると助かりますm(_ _)m
- ベストアンサー
- CSS
- 外部cssがうまくできません。
外部cssがうまくできません。 よろしくお願いいたします。 ホームページ作成初心者です。 Mac OS X Snow Leopardです。 デスクトップに Homepageというフォルダを作成しました。 そのHomepageフォルダの中に、 index.htmというファイル -----------以下内容------- <html> <head> <link href="style.css" rel="stylesheet" type="text/css"/> </head> <body> 背景を青くしたい </Body> </html> ----------------------------------- とstyle.cssというファイル ---------以下内容----------- body {background-color: blue} ----------------------------- を テキストエディットで作成しました。 背景を青くしたいのですが、なりません FirefoxでもSafariでもなりません。 何が間違っているのでしょうか？ 教えていただきたいです。 よろしくお願いいたします。
- ベストアンサー
- Mac
- CSSの外部参照について。
XHTMLの内部にCSSを記述すると認識されますが、CSSを外部参照で指定すると、認識されずここでいうindex.htmlに記述した構文しか表示されません。 初心者です。 いくらXHTML,CSSの本や検索をしても中々理解がはかどらず、思うようにいきません。初歩的な間違いだと思いますが、どうぞよろしくお願い致します。ｍ（＿ ＿）ｍ index.html,works.htmlとCSSの記述場所を外部参照にし、HPをつくろうとしています。 XHTMLファイルはindex.html,works.htmlで （biography.htmlやaccess.htmlは後でつくります。）、 CSSはcssというファイルに、中にはstyle.cssがあります。画像はimgのフォルダにあります。 この回答にある４つの方法も参考にしてみたのですが、外部参照CSSは認識されませんでした。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1120846271 (次にCSSが置いてあるディレクトリ内に新規フォルダを作りその中にHTMLがある場合 <link href="../○○.css" rel="stylesheet" type="text/css">とあったので、今はこう記述しています。<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />） *XHTMLソース <?xml version="1.0" encoding"utf=8"?> <!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" xml:lang="ja" lang="ja"> <?xml version="1.0" encoding"utf=8"?> <!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" xml:lang="ja" lang="ja"> <head profile=""> <title>***</title> <meta http-equiv="content-language" content="ja" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <div id="wrapper"> <div id="header"> <h1>***</h1> </div> <div id="main"> <ul> <li class="biography"><a href="#">>> Biography</a></li> <li class="works"><a href="works.html#works">>> Works</a></li> <li class="access"><a href="#">>> Access</a></li> </ul> </div><div id="footer"> <ul> <li><a href="#">sitemap</a></li> </ul> </div> </div> *CSS body,div,ul,ol,li,h1,p{margin:0; padding:0;} body{ text-align:center; min-width:780px; background:#f5f5f1; coler:#666666; fontfamily:Tahoma,"Lucida Geande", Arial,sans-serif; font-size;62.5%; } h1{display:none;}h1 #wrapper{width:740px; margin:0 auto; text-align:left;} #main a {height:100px; color:#ffffff; font-size:1.8em; text-tramsform: uppercase; text-decoration: none; display: block;} #main a:hover,a:active{color: #cccccc;} #main ul{list-style:none;} #main ul li{padding:5px 0px 5px 0px;} #header{height:115px; margin:15% 0 0 0; background:url(.img/image/blue.gif) no-repeat left center;} .biography{background:url("blue.gif") no-repeat left center;} .works{background-image:url(./img/works.gif) no-repeat left center;} .access{background-image:url(./img/access.gif) no-repeat left center;} #footer ul li {padding:10px; display:inline;} #footer ul {text-align:right;} #footer p {text-align:center;} どうぞよろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- FC2ホームページにて
cssのファイルをアップロードするとイメージが？になるのですが、別にかまわないのでしょうか？ もう一点 無料のホームページのテンプレートをつかって、アップしたのですが、背景画像がアップされません。 こちらのサイトからの物です。http://www.css-designsample.com/index.html background: url(img/ファイル名) repeat-y 0 0; これに、アップロードされたＵＲＬいれたり、ファイル名いれたり、色々調べて、記述変えてためしましたが、だめでした。 スタイルシートは、適用されてます。
- 締切済み
- その他（プログラミング・開発）
- [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故？
Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-] ｜―[Templates] ｜ ｜―[style.css] ｜ Ｌ―[template.dwt] ｜ Ｌ[index.html] ※拡張子の無いものはフォルダを表します。 index.htmlファイルへCSSを適用させたいのですが、適用されないで困っています。 cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定しています。 結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。 テンプレートを用いて外部スタイルシートにてサイトを管理する場合、上記のケースにおける問題の原因は何でしょうか。 ちなみに、テンプレート[template.dwt]及び、HTMLドキュメント[index.html]の<head></head>内には、以下のソースが記述されています。 <link href="style.css" rel="stylesheet" type="text/css" />
- ベストアンサー
- ホームページ作成ソフト
- CSSでの画像指定について。
CSSでの画像指定について。 ファイルパスの指定について教えてください。 フォルダ１の中に「sample.html」、「sample.css」、「img」フォルダが入っており、 「img」フォルダの中に、「nature_01.gif」が入っています（下図）。 -------------------------------------------------------------------------- フォルダ１ L sample.html L sample.css L img（フォルダ） img(フォルダ) L nature_01.gif ---------------------------------------------------------------------------- このファイル構成だと、sample.css の中で 『background-image:url(/img/nature_01.gif)』のようにパスを指定すれば良い と理解していたのですが、背景に画像が表示されませんでした。 その後、下記のように修正すると、画像が表示されるようになりました。 firefox3.5 →修正後は画像が表示される。 Internet explore 8 →修正前、修正後ともに表示されない。 ----------------------------------------------------------------------- 【修正前】 #contents{ width:750px; background-image:url(/img/nature_01.gif); 【修正後】 #contents{ width:750px; background-image:url(../img/nature_01.gif); ------------------------------------------------------------------------ OS・・・windows xp なぜ、こうなるのか、わかるかたがいましたら教えてください。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSとＦｉｒｅｆｏｘ
外部スタイルシートを使用して、xhtmlでサイトを制作したのですが、Internet Explorerのブラウザで見るのと、Firefoxで見るのとで違いが出てしまいます！ Internet Explorerで見ると普通に写るのですが、Firefoxで見ると背景画像が写らない部分が出てしまいます！ スタイルシートの記述に違いがあるのですか？？詳しい方よかったら教えてください！お願いします。
- ベストアンサー
- その他（プログラミング・開発）
- CSSでの外部ファイル
こんばんは、いつもお世話になってます HPでの画像の無断転載対策として、CSSで外部ファイルを作り、 そこから呼び出すようにするという方法があることを知りました。 その場合のタグは<link rel="stylesheet" type="text/css" href="./●●.css"> でいいんですよね？ そこで質問なのですがCSSファイルを作るのはメモ帳などでと聞きましたが、その時のタグが↓だとすると table.gazou{ background-image:url("●●.jpg"); background-repeat: no-repeat;} これだけ記述すればいいのでしょうか？ そしてファイル名．CSSの名前で保存するのでしょうか？ そして最後にこのCSSファイルのソースを見られないようにするには、.htaccessなどを使えば大丈夫でしょうか？ すごくまとまってない質問でわかりにくいかもしれませんが回答お願いします；
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございました。