• ベストアンサー

cssの反映について(フォルダにいれると反映されない)

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

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

  • ベストアンサー
  • 2NN
  • ベストアンサー率40% (143/353)
回答No.1

<link rel="stylesheet" type="text/css" href="css/design.css"> ↓ <link rel="stylesheet" type="text/css" href="../css/design.css"> これでいかがでしょう? 例えば、 /www/css/design.css を /www/html/index.html から呼び出す場合、 先ほどの方法だと、 /www/html/css/design.cssを読みに行ってしまいます。 ../を付けることで、呼び出す階層をを1段上にします。 質問の解釈がずれてたらごめんなさい。

noname#19724
質問者

お礼

前にこのように..を加えてやってみてできなかったのですが、 どうやら単に/を入れ忘れていたようです。 無事解決しました。 ありがとうございました★

その他の回答 (2)

  • the845t
  • ベストアンサー率33% (246/743)
回答No.3

単純に、 <a href="css/design.css2>テスト</a> とでもリンクを作ってあるか確認してみては? ダメな場合は相対パスが違っているということですね。 アップロード時、フォルダをアップロードし忘れているという可能性も。

noname#19724
質問者

お礼

書き忘れましたが、学校の課題なので、アップロードする前のフォルダを提出するんです。 でもとても参考になりました。 ありがとうございました★

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

href="css/design.css"という指定は、 フォルダの中にHTML文書を入れる前の指定ですよね。 それぞれのフォルダの中に移動したのならそこからのパスを指定してやらないといけません。 フォルダの階層が1つだけなら href="../css/design.css" でいいと思いますが、 フォルダの階層がさらに深くなったりバラバラになるようだったら、 http://…/css/design.cssのようにフルパスで書くと良いかも知れません。

noname#19724
質問者

お礼

問題は解決しましたが、とても参考になりました。 ありがとうございました★

関連するQ&A