- ベストアンサー
cssの反映について(フォルダにいれると反映されない)
学校の課題として今HPの作成しています。 cssのことでわからないことがあるので、誰か詳しい方いましたら教えてください。 かなりページ数が増えてきてしまったので、ページごとにフォルダを作って整理をしようと思うのですが、 そうするとフォルダの中に入れたファイルにはcssが反映されなくなってしまうんです。 (ちなみにHEADの中に直接埋め込むcssでなく、cssファイルを別に作ってリンクするものです。) フォルダからcssファイルを出してしまえば、反映されるのですが、 cssファイルは全てcssというフォルダの中に入れなければいけないという決まりがあるので困っています。 <link rel="stylesheet" type="text/css" href="css/design.css"> ↑このようなタグでcssファイルのリンクを貼っているのですが、反映されません。 どこが間違っているのでしょうか?? 締め切りが金曜日までなので、かなり困ってます! 初歩的な質問&わかりにくい質問ですみませんが、どなたかよろしくお願いします。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
<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段上にします。 質問の解釈がずれてたらごめんなさい。
その他の回答 (2)
- the845t
- ベストアンサー率33% (246/743)
単純に、 <a href="css/design.css2>テスト</a> とでもリンクを作ってあるか確認してみては? ダメな場合は相対パスが違っているということですね。 アップロード時、フォルダをアップロードし忘れているという可能性も。
お礼
書き忘れましたが、学校の課題なので、アップロードする前のフォルダを提出するんです。 でもとても参考になりました。 ありがとうございました★
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
href="css/design.css"という指定は、 フォルダの中にHTML文書を入れる前の指定ですよね。 それぞれのフォルダの中に移動したのならそこからのパスを指定してやらないといけません。 フォルダの階層が1つだけなら href="../css/design.css" でいいと思いますが、 フォルダの階層がさらに深くなったりバラバラになるようだったら、 http://…/css/design.cssのようにフルパスで書くと良いかも知れません。
お礼
問題は解決しましたが、とても参考になりました。 ありがとうございました★
お礼
前にこのように..を加えてやってみてできなかったのですが、 どうやら単に/を入れ忘れていたようです。 無事解決しました。 ありがとうございました★