解決済みの質問
相対パスについて質問があります
まず
Homepage――index.html
|
CSS――|-main.css
| |-other.css
|
html―about.html
|
|
iframe
|
|
image
のような構成であります。
about.htmlにother.cssを使用したいんですが
<link rel="stylesheet" type="text/css" href="../css/other.css/">
これで設定しても上手くできませんでした。。
どなたかご教授願います。
投稿日時 - 2008-02-03 23:01:43
これを見るとabout.htmlの入っているホルダーが入っているホルダーにCSSと言うホルダーが有ってその中にother.cssと言うファイルがある様に書かれていますが。
上の図ではCSSフォルダーにother.cssとmain.cssが有って、htmlと言うホルダーも入っている様にも見えるのですが。
もしそうなら
../other.css かも知れないなと思いますが。
違うかもしれないですが……
投稿日時 - 2008-02-03 23:39:48
お礼
汚い図で申し訳なかったです。
無事 最後のスラッシュを取る事により解決しました
ありがとうございました♪
投稿日時 - 2008-02-04 00:35:25
1人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答(1件中 1~1件目)
ちょっと図が分からないので、相対パス自体について説明します。
「./」から始めるもしくはファイル名のみを書いた場合、呼び出し元と同じディレクトリのファイルを呼びます。
「../」から始めた場合は一つ上のディレクトリから呼びます。「/sample/html/test1.html」から「/sample/test1.css」を呼び出す場合「../test1.css」と書きます。「../」は繰り返すことで複数階層をさかのぼることができます。
また「/」から始めるとルートディレクトリから参照します。トップにcssディレクトリを作ってすべてのcssファイルを格納するということが良くやられているんですが、その場合「/css/abc.css」とするとどこのページからでも一気に一番上のcssディレクトリを参照することができます。
ちなみに質問者さんの場合「others.css」の後ろに「/」がついているのは間違いです。ファイル名の後ろにはスラッシュは付きません。それが原因かもしれないので確認してみてください。
投稿日時 - 2008-02-04 00:12:01
お礼
汚い図で申し訳なかったです。
無事 最後のスラッシュを取る事により解決しました
ありがとうございました♪
投稿日時 - 2008-02-04 00:35:36