link rel="stylesheet" の設定について

質問

相対パスについて質問があります
まず
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/">
これで設定しても上手くできませんでした。。
どなたかご教授願います。

回答No.1

noname#56851 · ベストアンサー

これを見るとabout.htmlの入っているホルダーが入っているホルダーにCSSと言うホルダーが有ってその中にother.cssと言うファイルがある様に書かれていますが。
上の図ではCSSフォルダーにother.cssとmain.cssが有って、htmlと言うホルダーも入っている様にも見えるのですが。
もしそうなら
../other.css かも知れないなと思いますが。
違うかもしれないですが……

お礼

汚い図で申し訳なかったです。
無事　最後のスラッシュを取る事により解決しました
ありがとうございました♪

回答No.2

noname#49614

ちょっと図が分からないので、相対パス自体について説明します。

「./」から始めるもしくはファイル名のみを書いた場合、呼び出し元と同じディレクトリのファイルを呼びます。
「../」から始めた場合は一つ上のディレクトリから呼びます。「/sample/html/test1.html」から「/sample/test1.css」を呼び出す場合「../test1.css」と書きます。「../」は繰り返すことで複数階層をさかのぼることができます。
また「/」から始めるとルートディレクトリから参照します。トップにcssディレクトリを作ってすべてのcssファイルを格納するということが良くやられているんですが、その場合「/css/abc.css」とするとどこのページからでも一気に一番上のcssディレクトリを参照することができます。

ちなみに質問者さんの場合「others.css」の後ろに「/」がついているのは間違いです。ファイル名の後ろにはスラッシュは付きません。それが原因かもしれないので確認してみてください。

お礼

汚い図で申し訳なかったです。
無事　最後のスラッシュを取る事により解決しました
ありがとうございました♪