• ベストアンサー

CSSが、適用されないフォルダに適用するには?

XHTMLでサイト作成に取りかかっているものです。 Webサイトで扱うファイルは、全てフォルダ「A」(仮にAとします)に保存しています。そのフォルダ「A」の中にフォルダ「CSS」やWebサイトを構成するXHTMLファイルを保存しているのですが、XHTMLファイルが増えたので分類整理しフォルダ「A」の中にフォルダ「B」を作り、そこに保存するようにXHTMLファイルを移したところCSSが適用されなくなり、背景色が消えてしまいました。 どのようにしたらCSSが再び適用されるようになりますか。

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

  • ベストアンサー
  • tsukachan
  • ベストアンサー率42% (202/470)
回答No.2

まだサーバーにアップしていない状態でどうして適用されないとわかるのでしょうか? ローカルでテストしてって事かな・・・・? であればCSSファイルのファイルパス間違ってませんか? 相対パスでダメで有れば絶対パスで試してみてください。

bruelight
質問者

お礼

解決しました。 どうもありがとうございました。

bruelight
質問者

補足

>サーバーにアップしていない状態でどうして適用されないとわかるのでしょうか? まだまだサイトは作成途上でして、メモ帳での編集を繰り返し、ブラウザでXHTMLファイルがどのように表示されるかを確認しながら作業をしているんです。その段階でCSSが反映されていないことに気がつきました。 >であればCSSファイルのファイルパス間違ってませんか? 初心者でして回答内容に書かれていることが、わかりづらいです>< わからないなりに、CSSの情報を補足しますと CSSは 「mystyle.css」というファイル名にしていて、 ファイルの種類:カスケード スタイル シート ドキュメント プログラム:Notepad です。 フォルダ「CSS」には、これだけしか入れていません。 >相対パスでダメで有れば絶対パスで試してみてください。 どう設定を変更したらよいのでしょうか? また先ほどトップページからフォルダ「B」に保存しているXHTMLファイルにリンクを指定したのですが、 ページを表示できません。 と表示されました。これはなぜでしょうか・・・ かさねてよろしくお願いします。 サイト作成は、初めてでして、「よくわかるXHTMLとCSSによるWebサイト作成」(FOM出版)という本を頼りにやっておりますが、まだまだわかりません。

その他の回答 (1)

  • tsukachan
  • ベストアンサー率42% (202/470)
回答No.1

サーバの種類によりますがIISだと親フォルダの参照を無効にしてある状態で「B」フォルダから「A」フォルダ内のCSSファイルは参照できません。 親フォルダの参照はセキュリティの観点からもデフォルトで無効になっており、出来ればそのまま運用するのが良いのですが・・・ どうしても面倒くさければそこの設定を変えればOKです。 他のサーバであればゴメンナサイ。わかんないです。でも同じ様な原因かなあと思いますよ。

bruelight
質問者

補足

ありがとうございます。 本当に困っていて回答を待ちかねておりました。 補足しますと、まだサーバにはアップしていない段階なのです。 サーバとは関係なく原因がわからないものでしょうか。 ファイル名やフォルダ名に原因があるんでしょうかねえ・・・

関連するQ&A

  • 印刷 印刷用css css print.css

    cssを勉強中なんですがいまいち印刷用cssがよくわかりません。 このcssを適用させれば背景で設定した画像もすべてwebと同じように印刷されるのでしょうか? 印刷用のcssを読み込むことはわかるんですがこの印刷用のcss(仮にprint.css)には何を 記述すればいいのでしょうか? どうもいろんなサイトを見てもよくわかりません。 よろしくお願いします。

  • 外部cssの記述方法について

    よろしくお願いします。 cssを外部リンクにしたくご質問をさせて頂きました。 まず、始めにフォルダの構成ですがWフォルダというのがあります。 その中に、1というフォルダがあります。 その1フォルダの中にトップページが入っています (直下に置きたくないため) そのトップページのcssを外部リンクにするために以下の記述を<head>~</head>内にしました。 <link href="1.css" rel="stylesheet" type="text/css" media="all" />  ←inde.htmlにのみ適用したいcss <link href="commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss 上記の記述で、cssファイルは1フォルダの中に保存しました。これですとcssは適用されるのですが これを1フォルダの中にcssフォルダを作成して、cssファイルを cssフォルダに保存して以下のように記述すると cssが適用されなくなってしまいます。 <link href="css/1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="css/commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss また、別のページですが、1フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。 その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。 私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか? 共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、 いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが やはり、そうでしょうか? うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSをある程度深い階層に位置するフォルダ内にあるhtmlファイルに適用させるには、どのような記述をすればいいですか。

    Aフォルダ内に CSSフォルダがあり、そのフォルダ内にCSSファイルがあります。 また、Aフォルダ内には他にも Bフォルダがあり、そのBフォルダ内にいくつかのhtmlファイルとCフォルダを入れてあります。 そのCフォルダ内にもhtmlファイルがあります。 このCフォルダ内のhtmlファイルにCSSが適用されないのです。他のhtmlファイルには適用されるような記述をしています。 Cフォルダ内のhtmlファイルには、どのように記述したらCSSが適用されますか。 ちなみに、Bフォルダ内のいくつかのhtmlファイルを作成した時のメモ帳には、 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="../css/mystyle.css" type="text/css" /> と記述しました。

    • ベストアンサー
    • HTML
  • 外部CSS

    XHTML文章に外部スタイルシートを適用しているのですが、他のスタイルは適用されるのに何故か背景画像(background-image:)だけが適用されず画像が表示されません!記述も何度も確認したので間違ってはいないと思うのですが・・・*(imgフォルダ、cssファイル、htmlファイルは同じ場所にあります。)記述ミス以外にこの様なことが起こるのでしょうか?起こるとすればなにが原因なのでしょうか!困っています!わかる人がいたら教えて下さい。よろしくお願いします。

  • cssファイルを適用する指定の方法

    webページを作成するのにcssを学習しています フォルダ構造は aitikenフォルダの中にcss_mystyle.cssがあります これを aitiken_nagoyasi_nakaku.html に適用したいのですが href=**** の部分はどのように記述すればよいのでしょうか いっそ cssフォルダをnagoyasiフォルダの中にコピーしてしまおうかとも思いますが 今後のためにも覚えておきたいのでよろしくお願いします

  • docomoブラウザでCSSを適用できない・・

    携帯サイトを作成しているのですが、docomoでインラインCSSを適用する方法がわからず悩んでおります。 インターネットでいろいろ調べ、下記のように設定しましたがどうもCSSが反映せず困っております。 ご存知の方、どうかご教授宜しくお願いします。 ちなみにソフトバンクなら適用できております。 開発環境: OS:WindowsXP Webサーバ:IIS ファイル名:test.html テスト機種:docomo SH904i <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /> <title>docomo css</title> </head> <body> <div style="background-color:#008000;">テストテストテストテスト</div> </body> </html>

    • ベストアンサー
    • HTML
  • cssの反映について(フォルダにいれると反映されない)

    学校の課題として今HPの作成しています。 cssのことでわからないことがあるので、誰か詳しい方いましたら教えてください。 かなりページ数が増えてきてしまったので、ページごとにフォルダを作って整理をしようと思うのですが、 そうするとフォルダの中に入れたファイルにはcssが反映されなくなってしまうんです。 (ちなみにHEADの中に直接埋め込むcssでなく、cssファイルを別に作ってリンクするものです。) フォルダからcssファイルを出してしまえば、反映されるのですが、 cssファイルは全てcssというフォルダの中に入れなければいけないという決まりがあるので困っています。 <link rel="stylesheet" type="text/css" href="css/design.css"> ↑このようなタグでcssファイルのリンクを貼っているのですが、反映されません。 どこが間違っているのでしょうか?? 締め切りが金曜日までなので、かなり困ってます! 初歩的な質問&わかりにくい質問ですみませんが、どなたかよろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSファイルを入れるフォルダは統一すべき?

    こんにちは。 ホームページを作っているものです。 わたしのホームページはhtmlファイルがあるフォルダの中に必ず『CSSフォルダ』を作っています。そしてhtmlファイルは必ずその階層にあるCSSフォルダに入っているCSSファイルを参照しています。 それで本日ふと思いました。「この様なやり方で良いのか?例えばトップページがある階層に『CSSフォルダ』を作って、全てのhtmlファイルはその中に作るCSSファイルを参照した方が良いのでは?」。 ググったり、有名どころのサイトさんのソースを見たりしましたが、どちらが適切かは分かりませんでした。 どの様にすべきでしょうか、ご教示下さい。 よろしくお願い申し上げます。

    • ベストアンサー
    • CSS
  • DreamweaverのCSSの定義

    CSS(例えばリンクの下線の消去a,カーソルをリンクテキストに持ってくると背景色が付くa;hover)を利用するときに定義場所を設定し保存すれば、他のファイルにもそのCSSが適用されると自分の持っているテキストには書いてありますが、うまくいきません。自分なりに考えてみるとCSSの設定ファイルと反映したいファイルの階層が違うからだと思いますがどうなんでしょうか。宜しくお願い致します。

  • HTMLやXHTMLやCSS

    HTMLやXHTMLやCSSについてわかりやすく書かれている入門書みたいなのはあるでしょうか?? Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイトを見たのですが、難しくて頭がついていきませんでした。 こんな私でも理解できるようなのを探しています。よろしくお願いします。

専門家に質問してみよう